/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Template: smart-mag
Version: 1.1
*/



/*-------------------------------------
  1. Header Mega Menu Typography
--------------------------------------*/
.sub-menu.mega-menu.mega-menu-a.wrap,
.sub-menu ol.sub-nav,
.sub-menu ol.sub-nav li,
.sub-menu ol.sub-nav li a {
    font-size: 15px !important;
    font-weight: 400;
}

.sub-menu .recent-posts .l-post .post-title a {
    font-family: "Noto Sans Bengali", "Baloo Da 2", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.sub-menu .recent-posts .l-post .post-title a:hover {
    color: #ED1A4D !important;
}




/*-------------------------------------
  2. Header Logo
--------------------------------------*/
.smart-head .logo-image {
    height: 100px !important;
}




/*-------------------------------------
  3. Mega Menu Media Style
--------------------------------------*/
.l-post .media .image-link {
    border-radius: 6px !important;
    overflow: hidden;
    display: block;
}




/*--------------------------------------------
  3. Mega Menu - Navigation Glitch Solved
---------------------------------------------*/
.navigation .menu .sub-menu {
    opacity: 1;
}




/*-------------------------------------
  4. Off-Canvas Menu Customization
--------------------------------------*/

.off-canvas-head .ts-logo.media {
    display: none !important;
}

.post-title a {
    font-family: 'Noto Sans Bengali', 'Anek Bangla', 'Hind Siliguri', 'SolaimanLipi', 'Kalpurush', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
}

.post-title a:hover {
    color: #ED1A4D !important;
}




/* Category link hover color */
.meta-item.post-cat a.category:hover {
  color: #ED1A4D !important;
}

/* Dark mode category hover */
.s-dark .meta-item.post-cat a.category:hover {
  color: #ED1A4D !important;
}




/*---------------------------------------------------
  6. Change color of view more link - .recent-posts 
----------------------------------------------------*/
.s-dark .recent-posts .view-link.view-link-b {
  color: #ffffff !important;
}

.s-dark .recent-posts .view-link.view-link-b i {
  color: #ffffff !important;
}



/*-------------------------------------
  7. Read More Button Customization
--------------------------------------*/
.read-more-link {
    font-size: 12px !important;
    min-width: 110px !important;
    padding: 8px 16px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-align: center !important;
    position: relative !important;
    overflow: visible !important;
    color: transparent !important;
    pointer-events: auto !important;
}





/*--------------------------------------------------
  4. BUTTON - বিস্তারিত - Change bg color, hover color
---------------------------------------------------*/
.read-more-btn{
	background-color: #ED1A4D;
}

.read-more-btn:hover{
	background-color: #BD0000;
}




.read-more-link::after {
    content: "বিস্তারিত";
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    pointer-events: none;
    font-size: inherit;
}

@media (max-width: 480px) {
    .read-more-link::after {
        font-size: inherit;
    }
}


/*-------------------------------------------------------
  8. Change pagination font color, size of Recent Posts
---------------------------------------------------------*/
.recent-posts nav.main-pagination a.page-numbers,
.recent-posts nav.main-pagination .page-numbers.current {
  font-family: 'anek bangla', 'baloo da 2', 'noto sans bengali', sans-serif;
  background-color: #BD0000;
  color: #fff !important;
  padding: 6px 12px;
  margin: 2px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  font-weight: 500; /* keep constant */
  cursor: pointer;

  /* GPU and smoothing */
  will-change: transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
  transform-origin: center center;
  transform: scale(1);
}

.recent-posts nav.main-pagination a.page-numbers:hover {
  background-color: #ED1A4D !important;
  color: #fff !important;
  transform: scale(1.03); /* subtle zoom */
  /* No font-weight change here */
}

.recent-posts nav.main-pagination .page-numbers.current {
  background-color: #ED1A4D !important;
  color: #fff !important;
  font-weight: 600; /* heavier font only for current */
  cursor: default;
  transform: scale(1.03);
}

.recent-posts nav.main-pagination .page-numbers.dots {
  background-color: transparent;
  color: #ccc;
  cursor: default;
  padding: 6px 8px;
}

.recent-posts nav.main-pagination a.next.page-numbers i {
  color: #fff;
}




/*-------------------------------------------------------------------
  9. Do not show more than one line of titles for Recent Posts widget
---------------------------------------------------------------------*/
.recent-posts .content {
  padding-bottom: 20px;
}

.recent-posts .post-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



/*--------------------------------------------------------------------------------------------
  10. Category BG padding, border radious, font family, size, color of .recent-posts widget
----------------------------------------------------------------------------------------------*/
.recent-posts .cat-labels.cat-labels-overlay.p-bot-left {
  position: absolute;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 10;
}

.recent-posts .cat-labels.cat-labels-overlay a.category {
  padding: 6px 12px;
  font-family: 'Anek Bangla', 'Noto Sans Bengali', 'Hind Siliguri', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #ED1A4D;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  pointer-events: auto !important;

  /* Match read-more transition style */
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  box-shadow: var(--btn-shadow, none); /* fallback if --btn-shadow is not defined */
}

.recent-posts .cat-labels.cat-labels-overlay a.category:hover {
  background-color: #B400B4 !important;
  color: #ffffff !important;
}




/*-------------------------------------------------------------------
  9. heading প্রকাশিত dark theme color .recent-posts
---------------------------------------------------------------------*/
.s-dark .recent-posts h4.heading a{
  color: #ffffff !important;
}



/*-------------------------------------------------------------------
  9. Title font family, size, dark color for .nb-special widget
---------------------------------------------------------------------*/
.nb-special h2.is-title.post-title > a {
  font-family: 'Hind Siliguri', 'Anek Bangla', 'Baloo Da 2', 'Noto Sans Bengali', sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: inherit !important;
  text-decoration: none !important;
}

.s-dark .nb-special h2.is-title.post-title > a {
  color: white !important;
}




/*-------------------------------------------------------------------
  2. changes color of নোটিসিয়াস বাংলা of নোটিসিয়াস বাংলা স্পেশাল block
---------------------------------------------------------------------*/
.nb-special .color {
  color: #ED1A4D !important;
}



/*-------------------------------------------------------------------
  9. Change color for আরো দেখুন of .recent-posts widget
---------------------------------------------------------------------*/
.recent-posts .view-link.view-link-b {
  color: #A1A1A1 !important;
}

/* Hover */
.recent-posts .view-link.view-link-b:hover {
  color: #000 !important;
}

/* Dark theme */
.s-dark .recent-posts .view-link.view-link-b {
  color: white !important;
}



/*-------------------------------------------------------------------
  9. Change button font, style for .recent-posts widget
---------------------------------------------------------------------*/
.recent-posts .read-more-link.read-more-btn-b.ts-button.read-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2% 4%; /* vertical 2%, horizontal 4% */
	line-height: 1.2;
	font-family: 'Anek Bangla', 'Baloo Da 2', 'Noto Sans Bengali', sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px !important;
}




/*--------------------------------------------------------------------------------------------
  9. Change header category font family, active and inactive color for .nb-special block
----------------------------------------------------------------------------------------------*/
.nb-special .subcats.filters li a {
  color: #A1A1A1 !important; /* Default color */
}

.nb-special .subcats.filters li a:hover {
  color: #A1A1A1 !important; /* Hover color */
}

.nb-special .subcats.filters li a.active {
  color: #000000 !important; /* Selected button */
}



/*-------------------------------------------------------------------------
  10. Change small title font family, size, weight for .nb-special block
-------------------------------------------------------------------------*/
.nb-special h4.is-title.post-title a {
  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}




/*----------------------------------------------------------
----------------->>>> NEWS SLETTER <<<<-------------------
----------------------------------------------------------*/


/*-------------------------------------------------------------------------
  1. Change Email Submit button font family, size, News Letter button
-------------------------------------------------------------------------*/
.field-submit input[type="submit"] {
	font-family: 'anek bangla', 'hind siliguri' !important;
	font-size: 13px; !important;
	font-weight: 600 !important;
}



/*-------------------------------------
  2. Newsletter Button Hover Style
--------------------------------------*/

form.form.fields-style.fields-full .field-submit input[type="submit"] {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

form.form.fields-style.fields-full .field-submit input[type="submit"]:hover {
    background-color: #ED1A4D !important;
    color: #ffffff !important;
    border-color: #ED1A4D !important;
    cursor: pointer;
}




/*-------------------------------------------------
  Video Section - Bottom. Change BG color .title-bg
--------------------------------------------------*/
.title-bg .content {
    background-color:#0B0C1A !important;
}



/*-----------------------------------------------------------------
  Video Section - Bottom. Change category label colors .title-bg
------------------------------------------------------------------*/
/* Positioning for the overlay container */
.title-bg.p-bot-left {
  position: absolute;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 10;
}












/* Positioning Top Right for Labels */
.title-bg .cat-labels.cat-labels-overlay.p-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}






/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FOOTER SECTION ----------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
  FOOTER SECTION - Logo Size
------------------------------*/
.widget-about .image-logo img {
  height: 100px !important;
  width: auto;
  object-fit: contain;
}




/*---------------------------------------
  FOOTER SECTION - Title size and weight
----------------------------------------*/
footer .widget-title .heading,
.site-footer .widget-title .heading {
	font-size: 20px !important;
	font-weight: 600 !important;
}




/*-------------------------------------------------------------
  FOOTER SECTION - আমাদের কথা - Body font family, line height
-------------------------------------------------------------*/
.about-text, .about-text p, .about-text strong {
  font-size: 15px;
  font-family: "Noto Sans Bengalis", sans-serif, "baloo da 2"";
  line-height: 1.3;
  font-weight: 400;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE VIDEO SECTION ----------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------
  Video Section - Big video (.main-video-title) - changing the category lebel font size, color etc.
-----------------------------------------------------------------------------------------------------*/
.main-video-title.p-bot-left {
  position: absolute;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 10;
}

/* Base style for all category labels */
.main-video-title a.category {
  padding: 6px 10px 4px 10px; /* Top Right Bottom Left */
  font-family: 'Anek Bangla', 'Hind Siliguri', 'Baloo Da 2', 'Noto Sans Bengali', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #ED1A4D;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: default;
  pointer-events: none !important;
  transition: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); /* subtle shadow */
}

/* YouTube Video Label */
.main-video-title a.category[href*="youtube-video"] {
  background-color: #FF0000 !important;
  color: #ffffff !important;
}

/* Facebook Video Label */
.main-video-title a.category[href*="facebook-video"] {
  background-color: #1A6DD4 !important;
  color: #ffffff !important;
}

/* Instagram Video Label */
.main-video-title a.category[href*="instagram-video"] {
  background-color: #C13584 !important;
  color: #ffffff !important;
}

/* TikTok Video Label */
.main-video-title a.category[href*="tiktok-video"] {
  background-color: #FE2C55 !important;
  color: #ffffff !important;
}

/* Other Video Labels (not YouTube, Facebook, Instagram, TikTok) */
.main-video-title a.category[href*="/video/"]:not([href*="youtube-video"]):not([href*="facebook-video"]):not([href*="instagram-video"]):not([href*="tiktok-video"]) {
  background-color: #FFA500 !important; /* Yellow-orange */
  color: #ffffff !important;
}

/* Responsive adjustments */

/* Widescreen / Desktop (1300px and above) */
@media (min-width: 1300px) {
  .main-video-title a.category {
    font-size: 15px !important;
    padding: 7px 12px 5px 12px;
  }
}

/* Laptop / Small Desktop (1025px to 1299px) */
@media (min-width: 1025px) and (max-width: 1299px) {
  .main-video-title a.category {
    font-size: 14px !important;
    padding: 6px 10px 4px 10px;
  }
}

/* Tablet (601px to 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .main-video-title a.category {
    font-size: 12px !important;
    padding: 5px 9px 3px 9px;
  }
}

/* Mobile (600px and below) */
@media (max-width: 600px) {
  .main-video-title a.category {
    font-size: 10px !important;
    padding: 4px 8px 3px 8px;
  }

  .main-video-title.p-bot-left {
    left: 6px !important;
    bottom: 6px !important;
  }
}




/*-------------------------------------------------------------------------------------
  Video Section - Big video (.main-video-title) - changing the category lebel position.
-------------------------------------------------------------------------------------*/
.main-video-title .cat-labels {
    top: 20px !important;
    right: 20px !important;
    position: absolute !important;
}




/*--------------------------------------------------------------------------------------------------
  Video Section - Big video (.main-video-title) - On hover category text color should not change.
--------------------------------------------------------------------------------------------------*/
.main-video-title a.category:hover,
.title-bg .category a:hover {
    color: #ffffff !important;
}




/*---------------------------------------------------------------------------------------------
  Video Section - Big video (.main-video-title) - Change the corner style from sharp to round.
---------------------------------------------------------------------------------------------*/
.main-video-title .media {
    border-radius: 20px !important;
    overflow: hidden !important;
}






/*----------------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Change the category font, color etc.
----------------------------------------------------------------------------------*/
.title-bg a.category {
  padding: 6px 12px;
  font-family: 'Anek Bangla', 'Noto Sans Bengali', 'Hind Siliguri', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #ED1A4D;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  pointer-events: auto !important;
  transition: none;
  box-shadow: var(--btn-shadow, none);
}

/* YouTube Video Label */
.title-bg a.category[href*="youtube-video"] {
  background-color: #FF0000 !important;
  color: #ffffff !important;
  transition: none;
}

/* Facebook Video Label */
.title-bg a.category[href*="facebook-video"] {
  background-color: #1A6DD4 !important;
  color: #ffffff !important;
  transition: none;
}

/* Instagram Video Label */
.title-bg a.category[href*="instagram-video"] {
  background-color: #C13584 !important;
  color: #ffffff !important;
  transition: none;
}

/* TikTok Video Label */
.title-bg a.category[href*="tiktok-video"] {
  background-color: #FE2C55 !important;
  color: #ffffff !important;
  transition: none;
}

/* Other Video Labels (not YouTube, Facebook, Instagram, TikTok) */
.title-bg a.category[href*="/video/"]:not([href*="youtube-video"]):not([href*="facebook-video"]):not([href*="instagram-video"]):not([href*="tiktok-video"]) {
  background-color: #FFA500 !important; /* Yellow-orange */
  color: #ffffff !important;
  transition: none;
}




/*----------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - changing the title hover effect 
------------------------------------------------------------------------------*/
/* hover zoom in out */
.title-bg {
    overflow: visible;
    padding: 10px 0;
}

/* Post title block */
.title-bg h2.is-title.post-title.limit-lines.l-lines-3 {
    overflow: visible;
    padding: 0 8px;
    margin: 0;
}

/* Anchor styles with smooth scaling */
.title-bg h2.is-title.post-title.limit-lines.l-lines-3 a {
    display: inline-block;
    font-size: 1.2rem;
    color: #eee;
    text-decoration: none;
    padding: 0 4px;

    /* Smooth scaling */
    transition: transform 0.3s ease, color 0.3s ease;
    transform-origin: center;
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0); /* triggers GPU acceleration */
}

/* Hover effect */
.title-bg h2.is-title.post-title.limit-lines.l-lines-3 a:hover {
    transform: scale(1.06) translateZ(0);
    color: #ffffff !important;
}

/* Responsive styles */
@media (max-width: 768px) {
    .title-bg .post-title a {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .title-bg .post-title {
        padding: 0 6px;
    }

    .title-bg .post-title a {
        font-size: 1rem;
    }
}




/*----------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Meta move little bit right side 
------------------------------------------------------------------------------*/
.title-bg .post-meta-items .date {
  margin-left: 5%;
}




/*-----------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Limit titles to max 2 lines
------------------------------------------------------------------------*/
.title-bg .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 2.8em;
    font-size: 1.2rem;
    padding: 0 8px;
}

/* Tablet view */
@media (max-width: 768px) {
    .title-bg .post-title {
        font-size: 1.1rem;
        padding: 0 6px;
        line-height: 1.35em;
        max-height: 2.7em;
    }
}

/* Mobile view */
@media (max-width: 480px) {
    .title-bg .post-title {
        font-size: 1rem;
        padding: 0 5px;
        line-height: 1.3em;
        max-height: 2.6em;
    }
}




/*------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - hide post author info
------------------------------------------------------------------*/
.title-bg .post-author {
    display: none !important;
}




/*---------------------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Change the corner style from sharp to round
---------------------------------------------------------------------------------------*/
.title-bg .media {
    border-radius: 18px !important;
    overflow: hidden !important;
}




/*----------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Increase font size
------------------------------------------------------------------*/
.title-bg .post-title a{
    font-size: 18px !important;
    font-family: "hind siliguri", "Anek Bangla", "baloo da 2", "noto sans bengali" !important;
    transition: transform 0.3s ease-in-out;
}





/*--------------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Hover none, categories not clickable
----------------------------------------------------------------------------------*/
.title-bg a.category {
  pointer-events: none !important;
  cursor: default !important;
}








/*-------------------------------------------------------------------------------------------
  Video Section - Bottom video (.title-bg) - Change the title and meta gap
---------------------------------------------------------------------------------------------*/
/* Increase gap between title and meta */
.title-bg .post-header {
    margin-bottom: 12px !important;
}

/* Main meta container - left aligned */
.title-bg .post-meta-items {
    line-height: 2 !important;
    display: block; /* Changed from flex to maintain left alignment */
    text-align: left;
}

/* Date element styling */
.title-bg .meta-item.date {
    display: inline-block;
    vertical-align: middle;
}

/* Date link styling */
.title-bg .date-link {
    display: inline-block;
    line-height: inherit;
}

/* Post date text */
.title-bg .post-date {
    display: inline-block;
    line-height: inherit;
}

/* Dash separator - left aligned */
.title-bg .meta-item:not(:first-child)::before {
    content: "—";
    display: inline-block;
    margin: 0 6px 0 4px;
    line-height: inherit;
    vertical-align: middle;
}

/* Author link */
.title-bg .post-author {
    display: inline-block;
    line-height: inherit;
}





/*--------------------------------------------------------------------------------
  Video Section - Side video (.only-post-date) - category font size, label color, 
----------------------------------------------------------------------------------*/
.only-post-date.p-bot-left {
  position: absolute;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 10;
}

/* Base style for all category labels */
.only-post-date a.category {
  padding: 6px 10px 4px 10px; /* Top Right Bottom Left */
  font-family: 'Anek Bangla', 'Hind Siliguri', 'Baloo Da 2', 'Noto Sans Bengali', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #ED1A4D;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: default;
  pointer-events: none !important;
  transition: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); /* subtle shadow */
}

/* YouTube Video Label */
.only-post-date a.category[href*="youtube-video"] {
  background-color: #FF0000 !important;
  color: #ffffff !important;
}

/* Facebook Video Label */
.only-post-date a.category[href*="facebook-video"] {
  background-color: #1A6DD4 !important;
  color: #ffffff !important;
}

/* Instagram Video Label */
.only-post-date a.category[href*="instagram-video"] {
  background-color: #C13584 !important;
  color: #ffffff !important;
}

/* TikTok Video Label */
.only-post-date a.category[href*="tiktok-video"] {
  background-color: #FE2C55 !important;
  color: #ffffff !important;
}

/* Other Video Labels (not YouTube, Facebook, Instagram, TikTok) */
.only-post-date a.category[href*="/video/"]:not([href*="youtube-video"]):not([href*="facebook-video"]):not([href*="instagram-video"]):not([href*="tiktok-video"]) {
  background-color: #FFA500 !important; /* Yellow-orange */
  color: #ffffff !important;
}

/* Responsive adjustments */

/* Widescreen / Desktop (1300px and above) */
@media (min-width: 1300px) {
  .only-post-date a.category {
    font-size: 11px !important;
    padding: 7px 12px 5px 12px;
  }
}

/* Laptop / Small Desktop (1025px to 1299px) */
@media (min-width: 1025px) and (max-width: 1299px) {
  .only-post-date a.category {
    font-size: 11px !important;
    padding: 6px 10px 4px 10px;
  }
}

/* Tablet (601px to 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .only-post-date a.category {
    font-size: 12px !important;
    padding: 5px 9px 3px 9px;
  }
}

/* Mobile (600px and below) */
@media (max-width: 600px) {
  .only-post-date a.category {
    font-size: 10px !important;
    padding: 4px 8px 3px 8px;
  }

  .only-post-date.p-bot-left {
    left: 6px !important;
    bottom: 6px !important;
  }
}




/*------------------------------------------------------------------
  Video Section - Side video (.only-post-date) - Hide Post Author 
--------------------------------------------------------------------*/
.only-post-date .post-author {
    display: none !important;
}




/*-----------------------------------------------------------------------
  Video Section - Side video (.only-post-date) - Increase title font size 
-------------------------------------------------------------------------*/
.only-post-date .post-title a{
    font-size: 17px !important;
    font-family: "hind siliguri", "Anek Bangla", "baloo da 2", "noto sans bengali" !important;
}




/*-------------------------------------------------------------------------------------------
  Video Section - Side video (.only-post-date) - Change the corner style from sharp to round 
---------------------------------------------------------------------------------------------*/
.only-post-date .media {
    border-radius: 10px !important;
    overflow: hidden !important;
}




/*-------------------------------------------------------------------------------------------
  Video Section - Side video (.only-post-date) - Change the title hover styles 
---------------------------------------------------------------------------------------------*/
/* Reduce gap between title and meta */
.only-post-date .post-header {
    margin-bottom: -6px !important;
}

/* Smooth zoom animation */
.only-post-date h2.is-title.post-title.limit-lines.l-lines-2 {
    overflow: visible !important;
    padding: 4px 0;
    margin-bottom: 0 !important;
}

.only-post-date h2.is-title.post-title.limit-lines.l-lines-2 a {
    display: inline-block;
    transition: 
        transform 0.5s cubic-bezier(0.19, 1, 0.22, 1.1), /* Slower and smoother */
        color 0.35s ease; /* Slightly slower color transition */
    transform-origin: left center;
    padding: 2px 6px;
    margin: -2px -6px;
    color: inherit;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: geometricPrecision;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1);
}

.only-post-date h2.is-title.post-title.limit-lines.l-lines-2 a:hover {
    color: #ffffff !important;
    transform: translateZ(0) scale(1.04);
    text-shadow: 0 0 0.2px rgba(255, 255, 255, 0.1);
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE VIDEO SECTION END ------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------*/






/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE SPECIAL SECTION ----------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.s-dark .subcats.filters li a.active {
  color: #a1a1a1 !important;
}




/*--------------------------------------------------------------------------------
  Special Section - (.nb-special) - Change category color, font, position, hover 
----------------------------------------------------------------------------------*/
.nb-special .cat-labels.cat-labels-overlay.p-top-right {
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  z-index: 10;
}

/* base style */
.nb-special .cat-labels.cat-labels-overlay a.category {
  padding: 6px 12px;
  font-family: 'Hind Siliguri', 'Anek Bangla', 'Noto Sans Bengali', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  pointer-events: auto !important;

  /* Original background fallback */
  background-color: transparent !important;

  /* Smooth transitions */
  transition: background-color 0.3s ease, color 0.3s ease;

  box-shadow: var(--btn-shadow, none);

  /* 3D text shadow */
  text-shadow:
    1px 1px 0px rgba(0, 0, 0, 0.6),
    2px 2px 4px rgba(0, 0, 0, 0.4);
}

/* সংস্কৃতি */
.nb-special .cat-labels.cat-labels-overlay a.category[href*="culture"],
.nb-special .cat-labels.cat-labels-overlay a.category[href*="%E0%A6%B8%E0%A6%82%E0%A6%B8%E0%A7%8D%E0%A6%95%E0%A7%83%E0%A6%A4%E0%A6%BF"] {
  background-color: #6D28D9 !important;
}

/* অফবিট নিউজ */
.nb-special .cat-labels.cat-labels-overlay a.category[href*="offbeat-news"] {
  background-color: #FF4D00 !important;
}

/* প্রবাসে সফল বাংলাদেশি */
.nb-special .cat-labels.cat-labels-overlay a.category[href*="successful-bangladeshi"] {
  background-color: #15803D !important;
}

/* প্রবাসে */
.nb-special .cat-labels.cat-labels-overlay a.category[href*="expatriate-life"] {
  background-color: #0891B2 !important;
}

/* হোভার ইফেক্ট */
.nb-special .cat-labels.cat-labels-overlay a.category:hover {
  background-color: #BE00BE !important;
}

/* Responsive adjustments */

/* Tablets and below */
@media (max-width: 1024px) {
  .nb-special .cat-labels.cat-labels-overlay.p-top-right {
    top: 8px !important;
    right: 8px !important;
  }
  .nb-special .cat-labels.cat-labels-overlay a.category {
    padding: 5px 10px;
    font-size: 12px !important;
  }
}

/* Mobile phones */
@media (max-width: 767px) {
  .nb-special .cat-labels.cat-labels-overlay.p-top-right {
    top: 6px !important;
    right: 6px !important;
  }
  .nb-special .cat-labels.cat-labels-overlay a.category {
    padding: 4px 8px;
    font-size: 11px !important;
  }
}




/*-----------------------------------------------------------
  Special Section - (.nb-special) - Big title color on hover 
-------------------------------------------------------------*/
.nb-special h2.is-title.post-title.limit-lines.l-lines-2 a:hover {
    color: #ED1A4D !important;
}




/*------------------------------------------------------------------
  Special Section - (.nb-special) - Small title font color on hover
--------------------------------------------------------------------*/
.nb-special .is-title.post-title.limit-lines.l-lines-2 a:hover {
	font-family: "Hind Siliguri", "Anek Bangla", 'Baloo da 2', "Nato Sans Bengali" !important;
    color: #ED1A4D;
}



/*---------------------------------------------------------
  Special Section - (.nb-special) - Small title font color 
-----------------------------------------------------------*/
.nb-special h4.is-title.post-title.limit-lines.l-lines-2 a{
    color: #000000 !important;
    font-family: "hind siliguri", "anek bangla", "baloo da 2", "noto sans bengali" !important;
    font-size: 16px !important;
}




/*--------------------------------------------------------------------
  Special Section - (.nb-special) - Small title font color in dark mode
----------------------------------------------------------------------*/
.s-dark .nb-special h4.is-title.post-title.limit-lines.l-lines-2 a{
    color: #ffffff !important;
}




/*--------------------------------------------------------------------
  Special Section - (.nb-special) - Small title font color on hover
----------------------------------------------------------------------*/
.nb-special h4.is-title.post-title.limit-lines.l-lines-2 a:hover{
    color: #ED1A4D !important;
	font-size: 
}




/*--------------------------------------------------------------------
  Special Section - (.nb-special) - Read more button font styleing
----------------------------------------------------------------------*/
.nb-special .read-more-link.read-more-btn-b.ts-button.read-more-btn {
    font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", "Noto Sans Bangla", sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
}





.nb-special .post-meta-items,
.nb-special .post-meta-items .meta-item,
.nb-special .post-meta-items .post-author a,
.nb-special .post-meta-items .date .post-date {
    font-family: "Baloo Da 2", "Noto Sans Bengali", sans-serif !important;
    font-size: 13px !important;
    color: #191919 !important;
    font-weight: 600 !important;
}




.nb-special .post-meta-items .date .post-date {
    color: #8a8a8a !important;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE RECENT POSTS BLOCK -----------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------
  RECENT POSTS BLOCK - (.recent-posts) - Change title font family, size, weight of Recent posts 
-----------------------------------------------------------------------------------------------*/
.recent-posts h2.is-title.post-title.limit-lines.l-lines-2 a{
	font-family: 'Hind Siliguri', 'Anek Bangla', 'Baloo da 2', sans-serif;
	color: #000000 !important;
	font-size: 19px;
	font-weight: 600;
}




/*-----------------------------------------------------------------------
  RECENT POSTS BLOCK - (.recent-posts) - Change title color in dark mode 
------------------------------------------------------------------------*/
.s-dark .recent-posts h2.is-title.post-title.limit-lines.l-lines-2 a {   
	color: #ffffff !important; 
}




/*------------------------------------------------------------------
  RECENT POST BLOCK - (.recent-posts) - Change title color on hover 
-------------------------------------------------------------------*/
.recent-posts h2.is-title.post-title.limit-lines.l-lines-2 a:hover{
	color: #ED1A4D !important;
}




/*----------------------------------------------------------------------
  RECENT POST BLOCK - (.recent-posts) - Change title color in dark mode 
-----------------------------------------------------------------------*/
body.s-dark .recent-posts h2.is-title.post-title.limit-lines.l-lines-2 a:hover {   
	color: #ED1A4D !important; 
}




/*--------------------------------------------------------------------------------------
  RECENT POST BLOCK - (.recent-posts) - Show author name, date, comment of Recent posts 
---------------------------------------------------------------------------------------*/
.recent-posts .post-author a{
	font-weight: 600;
	font-family: 'Baloo da 2', 'Anek Bangla', sans-serif;
	font-size: 13px;
	color: #191919;
}




/*-------------------------------------------------------------
  RECENT POST BLOCK - (.recent-posts) - Change meta date font
---------------------------------------------------------------*/
.recent-posts .post-date {
	font-family: 'Baloo da 2', 'Anek Bangla', sans-serif;
	font-size: 13px;
}




/*--------------------------------------------------------------------------------------------------------------
  RECENT POST BLOCK - (.recent-posts) - Change author name, date, time color of Recent posts during dark theme
---------------------------------------------------------------------------------------------------------------*/
.s-dark .post-meta .meta-item,
.s-dark .post-meta .meta-item a,
.s-dark .post-meta .meta-item time {
  color: #ffffff !important;
}





/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE RECENT POSTS BLOCK -----------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------*/

*--------------------------------------------------------------------------------------------
  SINGLE POST শেয়ার TEXT - Change font family, size, weight. Hide the post bottom share text
---------------------------------------------------------------------------------------------*/
.post-share-float .inner .share-text {
	font-family: "Hind Siliguri", "Anek Bangla", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600;
}




*----------------------------------------------------------
  SINGLE POST শেয়ার TEXT - Hide the post bottom share text
---------------------------------------------------------*/
.post-share-bot .info {
	display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- FRONT PAGE RECENT POSTS BLOCK -----------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- SINGLE POST ----------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------
  SINGLE POST - Navigate Post Section - Previous Posts, Next Posts - Change the font family, color, hover color, size, weight
----------------------------------------------------------------------------------------------------------------------------*/
/* Font and color styles for navigate-posts links */
.navigate-posts .link a {
  font-family: "Hind Siliguri", "Anek Bangla", "Baloo Da 2", "Noto Sans Bengali", sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease;
}

.s-dark .navigate-posts .link a {
  color: #ffffff;
}

/* Hover color */
.navigate-posts .link a:hover {
  color: #ED1A4D;
}




/*----------------------------------------------------------------------------------------------------------------------------
  SINGLE POST - Navigate Post Section - নতুন খবর আগের খবর - Change the font family, color, size, weight
----------------------------------------------------------------------------------------------------------------------------*/
/* Font and color styles for navigate-posts links */
/* Style আগের খবর and নতুন খবর titles */
.navigate-posts .title {
  font-size: 14px;
  font-weight: 500;
  color: #ED1A4D;
  font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", "Noto Sans Bengali", sans-serif;
}

/* Override color in dark mode */
.s-dark .navigate-posts .title {
  color: #ffffff;
}



/*---------------------------
  SINGLE POST CONTENT BG
---------------------------*/
.single-post .entry-content {
    background-color:#E9F2F4;
    padding: 30px;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.s-dark .single-post .entry-content {
    background-color:#151516;
	border: 1px dashed rgba(255, 255, 255, 0.2);
}




.post-share-float .inner .share-text {
	font-family: "Anek Bangla", "Hind Siliguri", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500;
}




/*----------------------------------------------------------
  SINGLE POST শেয়ার TEXT - Hide the post bottom share text
---------------------------------------------------------*/
.post-share-bot > .info {
    display: none !important;
}




/*----------------------------------------------------------
  RESPONSIVE STYLING: শেয়ার TEXT TOP FLOAT
---------------------------------------------------------*/
@media (max-width: 767px) {
	.post-share-float .inner .share-text {
		font-size: 13px !important;
	}
}

@media (max-width: 480px) {
	.post-share-float .inner .share-text {
		font-size: 12px !important;
	}
}




/*--------------------------------------------------
  SINGLE POST CATEGORY - Category style and padding
--------------------------------------------------*/

.single-post .cat-labels a {
  padding: 8px 10px 6px;
  font-family: 'Anek Bangla', 'Hind Siliguri', 'Noto Sans Bengali', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  pointer-events: auto !important;

  /* Smooth transitions */
  transition: background-color 0.3s ease, color 0.3s ease;

  box-shadow: var(--btn-shadow, none);

  /* 3D text shadow */
  text-shadow:
    1px 1px 0px rgba(0, 0, 0, 0.6),
    2px 2px 4px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
  .single-post .entry-content {
    padding: 24px;
  }

  .single-post .cat-labels a {
    font-size: 12px !important;
    padding: 7px 9px 5px;
  }
}

@media (max-width: 767px) {
  .single-post .entry-content {
    padding: 20px;
  }

  .single-post .cat-labels a {
    font-size: 11px !important;
    padding: 6px 8px 4px;
  }
}

@media (max-width: 480px) {
  .single-post .entry-content {
    padding: 16px;
  }

  .single-post .cat-labels a {
    font-size: 10px !important;
    padding: 5px 7px 3px;
  }
}




.single-post .cat-labels a:hover {
	background-color: #BE00BE;
}



/*------------------------------------------------------
  SINGLE POST PULLQUOTE COLOR - Category color of commas
------------------------------------------------------*/
.single-post .wp-block-pullquote blockquote::before {
  color: #F6DA9E !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}




/*--------------------------------------------------------------
  SINGLE POST RELATED POST TITLE - font family, color, size etc.
--------------------------------------------------------------*/
.post-title a{
	font-family: "Hind Siliguri", "Anek Bangla", "Baloo da 2", "Noto Sans Bengali";
	font-size: 17px;
	color: #000000 !important;
	font-weight: 600;
}




/*----------------------------------------------------
  SINGLE POST RELATED POST TITLE - Hover color change
----------------------------------------------------*/
.post-title a:hover{
	color: #ed1a4d !important;
}




/*----------------------------------------------------------
  SINGLE POST RELATED POST TITLE - Title color in Dark mode
----------------------------------------------------------*/
.s-dark .post-title a{
	color: #ffffff !important;
}




/*---------------------------------------------------------------
  SINGLE POST RELATED POST TITLE - Title color hover in Dark mode
---------------------------------------------------------------*/
.s-dark .single-post .post-title a:hover{
	color: #ed1a4d !important;
}




/*--------------------------------------------------------------------------------
  SINGLE POST আপনার মতামত দিন - Color, font size, weight, button bg color, radius
--------------------------------------------------------------------------------*/
.single-post .ts-comments-show .ts-button {
	font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	background-color: #ED1A4D;
	border-radius: 7px;
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}




/*------------------------------------------------
  SINGLE POST আপনার মতামত দিন - bg color on hover
-------------------------------------------------*/
.single-post .ts-comments-show .ts-button:hover {
    background-color: #BD0000;
    color: #ffffff;
}




/*------------------------------------------------
  SINGLE POST আপনার মতামত দিন - bg color dark mode
-------------------------------------------------*/
.s-dark .single-post .ts-comments-show .ts-button {
    background-color: #ED1A4D;
    color: #ffffff;
}





/*-------------------------------------------------------------
  SINGLE POST আপনার মতামত দিন - bg color on hover in Dark mode
-------------------------------------------------------------*/
.s-dark .single-post .ts-comments-show .ts-button:hover {
    background-color: #BD0000;
    color: #ffffff;
}




/*-----------------------------------------------------------------------------
  SINGLE POST - অনুসন্ধান করুন SEARCH STRING - Change font family, color, size..
-----------------------------------------------------------------------------*/
/* Default: Mobile Portrait (≤480px) */
.single-post .search-field {
  font-family: "Noto sans bengali", "baloo da 2", sans-serif !important;
  font-weight: 300 !important;
  color: #A1A1B1 !important;
  font-size: 11px !important; /* Slightly smaller for very small screens */
}

/* Mobile Landscape (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .single-post .search-field {
    font-size: 12px !important;
  }
}

/* Tablet Portrait (768px – 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .single-post .search-field {
    font-size: 13px !important;
  }
}

/* Tablet Landscape / Small Laptop (992px – 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .single-post .search-field {
    font-size: 13px !important;
  }
}

/* Desktop (1200px – 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
  .single-post .search-field {
    font-size: 14px !important;
  }
}

/* Large Desktop / 2XL (≥1400px) */
@media (min-width: 1400px) {
  .single-post .search-field {
    font-size: 15px !important;
  }
}









/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- SOCIAL MEDIA SIDEBAR -------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------
  SIDEBAR WIDGET TITLES- Change font family, color, size, etc.
--------------------------------------------------------------*/
/*আমাদের ফলো করুন*/
.widget-title.block-head .heading {
	font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", "Noto Sans Bengali", sans-serif !important;
	word-spacing: 0.1em;
}

/*আরও খবর*/
.block-head.is-left .heading {
	font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", "Noto Sans Bengali", sans-serif !important;
}

/*খবর এর কালার চেঞ্জ*/
.block-head.is-left .heading .color {
  color: #ED1A4D; /* your desired color */
}




/*-----------------------------------------------------------------------------
  SOCIAL MEDIA SIDEBAR - Change font color to Bangla, size, hover effect etc.
-----------------------------------------------------------------------------*/
/* Hide original label text */
.spc-social-follow .label {
  display: none !important;
}

/* Smaller font-size, font-weight 600, white color, and text shadow on links and their ::after */
.spc-social-follow .service.service-link.s-facebook,
.spc-social-follow .service.service-link.s-instagram,
.spc-social-follow .service.service-link.s-youtube,
.spc-social-follow .service.service-link.s-tiktok {
  font-size: 10px !important; /* smallest for mobile */
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  position: relative;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Add the Bengali labels via ::after with same styles */
.spc-social-follow .service.service-link.s-facebook::after {
  content: "ফেসবুক" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.spc-social-follow .service.service-link.s-instagram::after {
  content: "ইনস্টাগ্রাম" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.spc-social-follow .service.service-link.s-youtube::after {
  content: "ইউটিউব" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.spc-social-follow .s-youtube {
  position: relative;
  overflow: hidden;
}

.spc-social-follow .s-youtube::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s ease;
  z-index: 0;
}

.spc-social-follow .s-youtube:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}

.spc-social-follow .s-youtube i,
.spc-social-follow .s-youtube::after {
  position: relative;
  z-index: 1;
  color: inherit;
  transition: color 0.3s ease;
}

.spc-social-follow .service.service-link.s-tiktok::after {
  content: "টিকটক" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Responsive font sizes and styles */
@media (min-width: 768px) {
  .spc-social-follow .service.service-link.s-facebook,
  .spc-social-follow .service.service-link.s-instagram,
  .spc-social-follow .service.service-link.s-youtube,
  .spc-social-follow .service.service-link.s-tiktok {
    font-size: 11px !important;
  }
  .spc-social-follow .service.service-link.s-facebook::after,
  .spc-social-follow .service.service-link.s-instagram::after,
  .spc-social-follow .service.service-link.s-youtube::after,
  .spc-social-follow .service.service-link.s-tiktok::after {
    font-size: 11px !important;
  }
}

@media (min-width: 992px) {
  .spc-social-follow .service.service-link.s-facebook,
  .spc-social-follow .service.service-link.s-instagram,
  .spc-social-follow .service.service-link.s-youtube,
  .spc-social-follow .service.service-link.s-tiktok {
    font-size: 13px !important;
  }
  .spc-social-follow .service.service-link.s-facebook::after,
  .spc-social-follow .service.service-link.s-instagram::after,
  .spc-social-follow .service.service-link.s-youtube::after,
  .spc-social-follow .service.service-link.s-tiktok::after {
    font-size: 13px !important;
  }
}

@media (min-width: 1200px) {
  .spc-social-follow .service.service-link.s-facebook,
  .spc-social-follow .service.service-link.s-instagram,
  .spc-social-follow .service.service-link.s-youtube,
  .spc-social-follow .service.service-link.s-tiktok {
    font-size: 14px !important; /* capped */
  }
  .spc-social-follow .service.service-link.s-facebook::after,
  .spc-social-follow .service.service-link.s-instagram::after,
  .spc-social-follow .service.service-link.s-youtube::after,
  .spc-social-follow .service.service-link.s-tiktok::after {
    font-size: 14px !important;
  }
}

@media (min-width: 1400px) {
  .spc-social-follow .service.service-link.s-facebook,
  .spc-social-follow .service.service-link.s-instagram,
  .spc-social-follow .service.service-link.s-youtube,
  .spc-social-follow .service.service-link.s-tiktok {
    font-size: 14px !important; /* capped */
  }
  .spc-social-follow .service.service-link.s-facebook::after,
  .spc-social-follow .service.service-link.s-instagram::after,
  .spc-social-follow .service.service-link.s-youtube::after,
  .spc-social-follow .service.service-link.s-tiktok::after {
    font-size: 14px !important;
  }
}









/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- SEARCH BLOCK IN SIDEBAR ----------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  SEARCH BLOCK - অনুসন্ধান Button - Change font color, family, shadow, size
-----------------------------------------------------------------------------*/
.search-form input[type="submit"] {
  font-family: "Anek Bangla", "Hind Siliguri", "Baloo Da 2", "Noto Sans Bengali", sans-serif !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #ED1A4D;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-size: 12px !important;
}

/* Responsive font sizes for submit button only */
@media (min-width: 481px) and (max-width: 767px) {
  .search-form input[type="submit"] {
    font-size: 13px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .search-form input[type="submit"] {
    font-size: 13.5px !important;
  }
}

@media (min-width: 992px) {
  .search-form input[type="submit"] {
    font-size: 14px !important;
  }
}




/*--------------------------------------------------------
  SEARCH BLOCK - অনুসন্ধান Button - Change color on hover
---------------------------------------------------------*/
.search-form input[type="submit"]:hover{
	background-color: #BD0000;
}




/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- জনপ্রিয় IN SIDEBAR ----------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------*/
.block-head.block-head-d.is-left .heading {
  display: inline-block;
  background-color: #ED1A4D;
  font-family: "Anek Bangla", "Hind Siliguri", "Noto Sans Bengali", sans-serif;
  font-size: 12px; /* Extra small: ≤ 480px */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

/* Small: 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .block-head.block-head-d.is-left .heading {
    font-size: 13px;
  }
}

/* Medium: 768–991px */
@media (min-width: 768px) and (max-width: 991px) {
  .block-head.block-head-d.is-left .heading {
    font-size: 15px;
	padding-top: 12px;
  }
}

/* Large: 992–1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .block-head.block-head-d.is-left .heading {
    font-size: 16px;
	padding-top: 12px;
  }
}

/* Extra Large: 1200–1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
  .block-head.block-head-d.is-left .heading {
	  font-size: 18px;
	  padding-top: 14px;
  }
}

/* 2XL: ≥ 1400px */
@media (min-width: 1400px) {
  .block-head.block-head-d.is-left .heading {
	  font-size: 18px;
	  padding-top: 14px;
  }
}




/*----------------------------------------------
  জনপ্রিয় খবর - Limit titles to 2 lines maximum
----------------------------------------------*/
.post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Show max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em; /* Adjust line spacing */
  max-height: calc(1.4em * 2); /* Ensures 2 lines only */
	padding-top: 5px;
}




/*-----------------------------------------------------------------------
  জনপ্রিয় খবর & নির্বাচিত খবর - Small posts line seperators or deviders
-----------------------------------------------------------------------*/
body.home .l-post::after {
    background-color: #CAD8E3 !important;
    height: 2px !important;
}




/*-----------------------------------------------------------------------
  জনপ্রিয় খবর - Dark mode Small posts line seperators or deviders
-----------------------------------------------------------------------*/
.s-dark body.home .l-post::after {
    background: none !important; /* Remove solid line */
    border-bottom: 1px dashed #5A7A93 !important; /* Soft blue-gray */
    height: 1px !important;
    opacity: 0.6; /* Optional: Reduce harshness */
}




/*-----------------------------------------------------------------------
  নির্বাচিত খবর - Small posts line seperators or devider dashed
-----------------------------------------------------------------------*/
.off-canvas-widgets #smartmag-block-posts-small-3 .l-post::after {
	background: none !important; /* Remove solid line */
    border-bottom: 1px dashed #5A7A93 !important; /* Soft blue-gray */
    height: 1px !important;
    opacity: 0.6; /* Optional: Reduce harshness */
}




/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- CATEGORY PAGE --------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------
 CATEGORY PAGE - Change the title color, hover color in dark and light
--------------------------------------------------------------------*/
body.category .main-content .post-title a {
	color: #000000 !important;
}

.s-dark body.category .main-content .post-title a {
	color: #ffffff !important;
}

body.category .main-content .loop .post-title a:hover,
body.category .main-content .post-title a:hover {
  color: #ED1A4D !important;
}

.s-dark body.category .main-content .loop .post-title a:hover,
.s-dark body.category .main-content .post-title a:hover {
  color: #ED1A4D !important;
}




/*----------------------------------------
 CATEGORY PAGE - Change the category color
------------------------------------------*/
body.category .archive-heading span {
  color: #ED1A4D !important;
}

body.category .archive-heading {
	font-family: 'Anek Bangla', 'Hind Siliguri', 'Baloo Da 2', 'Noto Sans Bengali', sans-serif !important;
	font-size: 19px !important;
	font-weight: 600 !important;
}




/*---------------------------------------------------------------
 CATEGORY PAGE - Change the sidebar জনপ্রিয় খবর title hover color
---------------------------------------------------------------*/
/* Target post title links hover on category pages */
body.category .post-title a:hover {
  color: #ED1A4D !important; /* Blue color */
  transition: color 0.3s ease;
}




.post-content figure.wp-block-embed {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto; /* চাইলে কেন্দ্রেও রাখতে পারবেন */
    border: none !important;
}






















/*------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- OFF CANVAS --------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------
 OFF-CANVAS - নির্বাচিত - Change the title hover color
---------------------------------------------------------------*/
/* Target the post title link hover state */
.is-title.post-title a:hover,
.l-post .post-title a:hover,
.s-dark .is-title.post-title a:hover,
.s-dark .l-post .post-title a:hover {
  color: #ED1A4D !important;
  text-decoration: none; /* Optional: removes underline on hover */
  transition: color 0.3s ease; /* Smooth color transition */
}


/*.dark-mode .l-post::after, .s-dark .l-post::after, .site-s-dark .l-post::after, [data-theme="dark"] .l-post::after{
	background-color: #000000 !important;
}*/