.elementor-2782 .elementor-element.elementor-element-abd4206{--display:flex;--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;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2782 .elementor-element.elementor-element-abd4206:not(.elementor-motion-effects-element-type-background), .elementor-2782 .elementor-element.elementor-element-abd4206 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2782 .elementor-element.elementor-element-f40c8e3{text-align:left;}.elementor-2782 .elementor-element.elementor-element-f40c8e3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-msie .elementor-2782 .elementor-element.elementor-element-8b554cb .elementor-post-item{width:calc( 100% / 3 );}.elementor-2782 .elementor-element.elementor-element-8b554cb .bm_layout, .elementor-2782 .elementor-element.elementor-element-8b554cb .grid-style-2{padding-left:10px;padding-right:10px;}.elementor-2782 .elementor-element.elementor-element-8b554cb .blog-layout-container, .elementor-2782 .elementor-element.elementor-element-8b554cb .grid-style-2,
					 .elementor-2782 .elementor-element.elementor-element-8b554cb .bm_layout{margin-bottom:35px;}.elementor-2782 .elementor-element.elementor-element-8b554cb .blog-layout-alignment,
					 .elementor-2782 .elementor-element.elementor-element-8b554cb .card_align,
					 .elementor-2782 .elementor-element.elementor-element-8b554cb .card-category,
					 .elementor-2782 .elementor-element.elementor-element-8b554cb .bm_content_box{text-align:left;}.elementor-2782 .elementor-element.elementor-element-8b554cb .blog-layout-item_img, .elementor-2782 .elementor-element.elementor-element-8b554cb .wp-post-image, .elementor-2782 .elementor-element.elementor-element-8b554cb .bm-hover-effect{border-radius:8px 8px 8px 8px;}.elementor-2782 .elementor-element.elementor-element-4b58afd{--display:flex;--min-height:234px;--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-2782 .elementor-element.elementor-element-4b58afd:not(.elementor-motion-effects-element-type-background), .elementor-2782 .elementor-element.elementor-element-4b58afd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2782 .elementor-element.elementor-element-abd4206{--content-width:90%;}}@media(max-width:1024px){.elementor-msie .elementor-2782 .elementor-element.elementor-element-8b554cb .elementor-post-item{width:calc( 100% / 2 );}}@media(max-width:767px){.elementor-msie .elementor-2782 .elementor-element.elementor-element-8b554cb .elementor-post-item{width:calc( 100% / 1 );}}/* Start custom CSS for blogmentor_blog_posts, class: .elementor-element-8b554cb */@import url('https://fonts.googleapis.com/css2?family=Clash+Display:wdth,wght@75..125,200..700&display=swap');

.bm_title a {
  font-family: 'Clash Display', sans-serif;
  color: white;
}

.grid-style-2 .items-meta {
     border-top:0px;
 }
/* === GLOBAL GRID SETUP === */
.bm-blog-posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
}

/* === GRID ITEMS DEFAULT STYLING === */
.grid-item-wrapper {
  background-color: #0F0F10 !important;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: none;
  overflow: hidden;
}

.bm-display-grid .bm-post-image img {
    width: 100%;
}

/* === BLOG IMAGE === */
.grid-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0 !important;
}

/* === BLOG CONTENT === */
.bm-blog-post-content {
  background-color: #0F0F10 !important;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}

/* === TITLE + FONT === */
.bm_title {
  font-family: 'Clash Display', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: white!important;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* === EXCERPT === */
.item-excerpt {
  font-size: 14px;
  color: #ccc;
  flex-grow: 1;
  margin-bottom: 16px;
}

/* === READ MORE LINK === */
.entry-read-more {
  color: #F99320;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  margin-top: auto;
}
.entry-read-more:hover {
  text-decoration: underline;
}










/* === SOCIAL ICONS AT THE BOTTOM === */
.bm-blog-post-content {
  position: relative;
}

.bm-blog-post-content::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 10px; /* Fixed: added 'px' */
  width: 32px;
  height: 32px;
  background-image: url('/wp-content/uploads/2025/07/communik_insta.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}

.bm-blog-post-content::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 66px;
  width: 32px;
  height: 32px;
  background-image: url('/wp-content/uploads/2025/07/communik_linkedin.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}

/* Enhanced hover effects */
.bm-blog-post-content.instagram-hover::before {
  transform: translateY(-2px) scale(1.1);
  filter: brightness(1.2);
}

.bm-blog-post-content.linkedin-hover::after {
  transform: translateY(-2px) scale(1.1);
  filter: brightness(1.2);
}

/* Alternative: CSS-only hover (works but not clickable) */
.bm-blog-post-content::before:hover,
.bm-blog-post-content::after:hover {
  transform: translateY(-2px) scale(1.1);
  filter: brightness(1.2);
}

















/* === FIRST POST SPECIAL STYLING === */
.bm-blog-posts .grid-item:first-child {
  grid-column: span 3;
  position: relative;
}
.bm-blog-posts .grid-item:first-child .grid-item-wrapper {
  position: relative;
}
.bm-blog-posts .grid-item:first-child .bm-blog-post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(15,15,16,0.9) 0%, rgba(15,15,16,0.3) 100%);
  padding: 24px;
}
.bm-blog-posts .grid-item:first-child .bm_title,
.bm-blog-posts .grid-item:first-child .item-excerpt {
  color: white;
}
.bm-blog-posts .grid-item:first-child .bm-blog-post-content::after {
  display: none;
}

/* === PAGINATION STYLE TO MATCH MAQUETTE === */
.bm-pagination {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
}
.bm-pagination .page-numbers {
  background-color: transparent;
  border: 1px solid white;
  color: white;
  padding: 1px;
  border-radius: 5px;
  font-weight: 500;
  transition: 0.3s ease;
}
.bm-pagination .page-numbers:hover,
.bm-pagination .page-numbers.current {
  background-color: white;
  color: black;
}

/* === RESPONSIVE ADJUSTMENTS === */
@media (max-width: 767px) {
  .bm-blog-posts .grid-item:first-child {
    grid-column: span 1 !important;
  }
}





.bm-blog-posts .grid-item:first-child .bm-blog-post-content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  background: rgba(0, 0, 0, 0.1)!important;
  padding: 24px;
  border-radius: 8px;
  color: white;
  z-index: 2;
  backdrop-filter: blur(2px);
}


.bm-blog-posts .grid-item:first-child .grid-item-wrapper {
  position: relative !important;
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}/* End custom CSS */