/* ===================================================================
   Noto Serif Bengali ফন্ট গুগল থেকে ইম্পোর্ট করা হচ্ছে 
   আপনার অনুরোধ অনুযায়ী 400 (Regular) এবং 700 (Bold) weight ইম্পোর্ট করা হলো 
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@400;700&display=swap');

/* ===================================================================
   সাধারণ স্টাইল (ঐচ্ছিক কিন্তু ভালো অভ্যাস)
   পুরো ওয়েবসাইটের জন্য ডিফল্ট ফন্ট সেট করা হলো
   =================================================================== */
body {
  font-family: 'Noto Serif Bengali', serif;
  color: rgb(51, 51, 51); /* ডিফল্ট টেক্সট কালার */
}

/* ===================================================================
   আপনার দেওয়া ক্লাসগুলোর জন্য নির্দিষ্ট CSS স্টাইল
   =================================================================== */

/* .single-title ক্লাসের জন্য স্টাইল */
.single-title {
  font-family: 'Noto Serif Bengali', serif;
  font-size: 42px;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  line-height: 55px;
  padding-top:7px;
}

/* .single-content ক্লাসের জন্য স্টাইল */
.single-content {
  font-family: 'Noto Serif Bengali', serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 34px;
}

/* .post1-item-list ক্লাসের জন্য স্টাইল */
.post1-item-list {
  font-family: 'Noto Serif Bengali', serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-variant: normal;
  line-height: 18px;
}

.sidebar {
    position: -webkit-sticky;
    position: sticky;
	top: 0;
}

/* ===================================================================
   আপনার দেওয়া এলিমেন্টগুলোর জন্য CSS স্টাইল
   =================================================================== */

/* সকল এলিমেন্টের জন্য কমন ফন্ট ফ্যামিলি */
#menu-header-main-menu,
.featured-home-post-item-title,
.post1-item-title,
.block-post-wrap-head {
  font-family: 'Noto Serif Bengali', serif;
}

/* প্রতিটি এলিমেন্টের জন্য আলাদা ফন্ট সাইজ */
#menu-header-main-menu {
  font-size: 18px;
}

.featured-home-post-item-title {
  font-size: 20px;
  line-height: 22px;
}

.post1-item-title {
  font-size: 18px;
}

.block-post-wrap-head {
  font-size: 16px;
}


@media only screen and (max-width: 576px) {
    .footer-item {
    	text-align: center;
    }
}


.new-item-date {
  position: relative; /* ::after কে পজিশন করার জন্য এটি জরুরি */
  padding: 10px 0;    /* শুধু উপরে-নিচে প্যাডিং */
  margin-bottom: 25px;/* নিচে একটু বেশি ফাঁকা জায়গা */
  
  /* এখানে কোনো ব্যাকগ্রাউন্ড বা বর্ডার দেওয়া হয়নি */
  /* আপনি চাইলে উপরের যেকোনো একটি ব্যাকগ্রাউন্ড এখানে যোগ করতে পারেন */
  background-color: transparent; 
}


.new-item-date {
  /* ব্যাকগ্রাউন্ড এবং প্যাডিং */
  background-color: #f5f5f5; /* হালকা ধূসর ব্যাকগ্রাউন্ড */
  padding: 10px 15px;         /* উপরে-নিচে 10px এবং ডানে-বামে 15px প্যাডিং */
  
  /* নিচের লাইনটির জন্য বর্ডার */
  border-bottom: 1px solid #dddddd; /* 1px মোটা, সলিড এবং কিছুটা গাঢ় ধূসর লাইন */
  
  /* লেখা এবং অন্যান্য স্টাইল */
  color: #333333;              /* লেখার রঙ গাঢ় ধূসর */
  font-size: 14px;              /* ফন্ট সাইজ (প্রয়োজনে পরিবর্তন করুন) */
  margin-bottom: 8px;          /* নিচের দিকে একটু ফাঁকা জায়গা রাখার জন্য */
}


.footer-item-content {
  font-size: 17px;   /* ফন্ট সাইজ ১৭ পিক্সেল করার জন্য */
}

.block-breakcrumb{display:none}


.header-menu-top-left {
  font-size: 20px;
}

/* ছবির কন্টেইনার */
.single-post-feature-image {
  padding: 10px 0;
  overflow: hidden; /* জুম ইফেক্টের জন্য */
  border-radius: 12px; /* কোনা গোলাকার করার জন্য */
}

/* মূল ছবি */
.single-post-feature-image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px; /* কোনা গোলাকার */
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* মসৃণ ট্রানজিশন */
}

/* হোভার ইফেক্ট */
.single-post-feature-image img:hover {
  transform: scale(1.05); /* হালকা জুম */
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.15); /* হোভারে শ্যাডো আরও গভীর হবে */
  cursor: pointer;
}