/*
Theme Name: The Bangla-voice
Theme URI: https://masudrana93.github.io/tbc/
Author: Masud Rana
Author URI: https://masudrana93.github.io/my-portfolio/
Description: The Bangla-voice emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tbc
Tags: bangla-voice, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "SolaimanLipiNormal";
  src: url("fonts/solaimanlipi_20-04-07.eot");
  src:
    url("fonts/solaimanlipi_20-04-07.eot?#iefix") format("embedded-opentype"),
    url("fonts/solaimanlipi_20-04-07.woff") format("woff"),
    url("fonts/solaimanlipi_20-04-07.ttf") format("truetype"),
    url("fonts/solaimanlipi_20-04-07.svg#SolaimanLipiNormal") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "SolaimanLipiNormal", sans-serif;
  line-height: 150%;
}

/* --------------Header CSS Start --------------- */
/* Main navbar css  */
.current-menu-item a,
.navbar-nav .nav-item .nav-link:hover {
  background-color: red;
  color: white !important;
}

.not-found-home-page a,
.tagTopics a,
.navbar-nav .nav-item .nav-link {
  transition: all 0.3s ease;
}

span.navbar-toggler-icon {
  background-color: white !important;
}

/* --------------Header CSS End ---------------- */

/* --------------Footer CSS Start -------------- */
/* Bottom first menubar css  */
.bottom-first-menubar li a {
  transition: all 0.3s ease;
}

.bottom-first-menubar li a:hover {
  background-color: lightgrey;
}

.bottom-first-menubar li {
  color: gray;
}

.bottom-first-menubar li:first-child {
  list-style: none;
}

/* social icon css  */
.social-icon-hover li a {
  padding: 10px 13px;
  border-radius: 50%;
  color: black;
  font-size: 20px;
  transition: all 0.3s ease;
}

.social-icon-hover li a:hover {
  background-color: lightgrey;
}

/* Footer Last part CSS  */

.footer-last-menubar li a {
  transition: all 0.3s ease;
}

.footer-last-menubar li a:hover {
  background-color: lightgrey;
}

.footer-last-menubar li {
  color: gray;
}

.footer-last-menubar li:first-child {
  list-style: none;
}

/* -------------Footer CSS End -------------- */

.hr-rule-color {
  color: #174f91;
}

.hover-image {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.hover-card:hover .hover-image {
  opacity: 1;
}

.hover-card .card-body {
  /* position: relative; */
  /* z-index: 2; */
}

/* Bangladesh  */

.photo-hover a img:hover {
  transform: scale(1.5);
}

.photo-hover a img {
  transition: all 0.5s ease;
}

.heading-hover a {
  transition: all 0.3s ease;
}

.heading-hover a:hover {
  color: red !important;
}

.underline-hover a:hover {
  text-decoration: underline red !important;
}

.for-gradient-color {
  background: linear-gradient(
    to bottom,
    #000000 1%,
    rgba(255, 255, 255, 0.125) 100%
  );
  height: 100%;
}

.font-size-14px {
  font-size: 14px;
}

.bg-custom-white-transparent {
  background: rgba(0, 0, 0, 0.25) !important;
}

.lead-news-background {
  height: 75vh;
  background-size: cover;
  background-repeat: no-repeat;
}

.lead-news-specific-padding {
  padding-top: 29vh;
}

.category-page-specific-padding {
  padding-top: 25vh;
}

.z-index-99 {
  z-index: 99999 !important;
}

.social-icon-link-hover li a:hover {
  background-color: rgb(221, 192, 192);
  color: white;
}

.social-icon-link-hover li a {
  width: 30px;
  height: 30px;
  border: 1px solid red;
  margin-right: 8px;
  border-radius: 50%;
  font-size: 16px;
  transform: 0.3s ease;
}

/* Swiper Slider CSS Start  */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-button-prev,
.custom-button-next {
  width: 40px;
  height: 40px;
  background-color: silver;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  transition: all 0.3s ease;
}

.custom-button-prev:hover {
  background-color: red;
}

.custom-button-next:hover {
  background-color: red;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: unset;
  bottom: 0 !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff0000;
}

#menu-primary-menu > li > a {
  color: white;
  padding: 0 30px;
}

.dropdown-menu > li > a:hover {
  color: white;
  background-color: #ff0000;
}

.live-tv-button a {
  color: #dc3545;
}

.live-tv-button:hover a {
  color: white;
}

.cat-page-margin {
  margin-top: 25vh;
}

.single-news p {
  font-size: 18px;
  line-height: 176%;
  color: #222222;
}

.dropdown-menu.show {
  max-height: 65vh;
  overflow-y: scroll;
}

.site-header {
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
  background-color: transparent;
}

.site-header.scrolled {
  background-color: rgba(255, 255, 255, 0.85) !important;
  /* অথবা rgba(255, 255, 255, 0.95) */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.site-header.scrolled > #menu-primary-menu > li > a {
  padding: 5px;
}

ul#menu-primary-menu-1 > li > a {
  color: white;
}

.cat-lead-font-size {
  font-size: 20px;
  line-height: 150%;
  /* color: red !important; */
}

.cat-item-font-size {
  font-size: 18px;
  line-height: 160%;
  /* color: aqua !important; */
}

p {
  font-size: 14px !important;
}

small {
  font-size: 12px !important;
  /* color: red !important; */
}

.single-news > p {
  font-size: 18px !important;
  line-height: 177%;
}

.tagTopics a:hover {
  background: gray;
  color: white !important;
}

.lead-news-background {
  background-position: center center;
}

.tagTopics a {
  font-size: 15px;
}

.excerpt-font-size > p {
  font-size: 20px !important;
}

.not-found-font-size {
  font-size: 200px;
}

.not-found-home-page a:hover {
  background: red !important;
}

.not-found-h5 h5 {
  font-size: 18px;
}

.footer-menu-width {
  width: 20%;
}

.search-font-size {
  line-height: 150%;
}

.category-height {
  width: 100%;
  height: 266px;
}

.max-height-for-most-read-news {
  max-height: 100px !important;
  overflow: hidden;
}

.section-1-top {
  height: 300px;
  /* background: red; */
}

.section-1-bottom {
  /* background: green; */
  /* height: 304px; */
  overflow: hidden;
}

.text-align-justify-tbc {
  text-align: justify;
}

.section-4-top-part {
  height: 349px;
}

.section-4-bottom-part {
  height: 142px;
}

.section-5-top-part {
  height: 391px;
}

.section-5-bottom-part {
  height: auto;
  overflow: hidden;
}

.section-5-bottom-part-bottom {
  height: 189px;
}

.section-1-bottom-bottom {
  height: 152px;
}

.text-start.section-2-top-part {
  height: 169px;
}

.border-per-item {
  border-bottom: 1px solid #9999;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.border-per-item:last-child {
  border-bottom: none;
}

.special-design-tbc {
  height: 338px;
}

.section-2-rigt-part {
  height: 170px;
}

@media only screen and (max-width: 767px) {
  .main-logo > a > img {
    width: auto !important;
    max-height: 40px !important;
  }

  .section-2-rigt-part,
  .section-1-bottom-bottom,
  .special-design-tbc,
  .text-start.section-2-top-part,
  .section-5-bottom-part-bottom,
  .section-5-bottom-part,
  .section-5-top-part,
  .section-4-bottom-part,
  .section-4-top-part,
  .section-1-top,
  .section-1-bottom {
    height: auto;
  }
  ul.dropdown-menu.show {
    margin-left: 50px !important;
  }

  .cat-lead-font-size {
    font-size: 18px;
    line-height: 150%;
    /* color: darkgreen !important; */
  }

  .cat-item-font-size {
    font-size: 16px;
    line-height: 150%;
    /* color: chartreuse !important; */
  }

  .dropdown-menu.show {
    height: 33vh;
    overflow-y: auto;
  }

  .lead-news-specific-padding {
    padding-top: 33%;
  }

  .lead-news-background {
    height: auto;
  }

  .category-page-specific-padding {
    padding-top: 46%;
  }

  .cat-page-margin {
    margin-top: 46%;
  }

  ul#menu-primary-menu {
    overflow: scroll;
    background: gray;
    height: 85vh;
  }

  .custom-height {
    max-height: 56px;
  }

  .excerpt-font-size > p {
    font-size: 18px !important;
  }

  .not-found-font-size {
    font-size: 50px;
  }

  .not-found-h5 h5 {
    font-size: 14px;
  }

  .mb-3.footer-menu-width {
    width: 45%;
  }

  .search-font-size {
    font-size: 14px;
    line-height: 100% !important;
  }

  .category-height {
    /* width: 100%; */
    height: 234px;
  }
  .max-height-for-most-read-news {
    height: 55px !important;
    overflow: hidden;
  }
}

.last-news-query-with-scroll {
  height: 554px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.date-font-size {
  font-size: 12px;
}

.range-value {
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
}

.npa-reset-btn {
  margin-left: 10px;
  margin-top: 5px;
}