@font-face {
font-family: 'SolaimanLipi';
src: url(//dinajpurnews.net/wp-content/themes/Dahuk/assets/fonts/SolaimanLipi.ttf) format('truetype');
font-display: swap;
}
body {
margin: 0;
font-family: 'SolaimanLipi', sans-serif;
transition: background .3s, color .3s;
} .container {
max-width: 1200px;
margin: auto;
padding: 0 15px;
} .dark-mode {
background: #050505;
color: #eaeaea;
}
.dark-mode .site-header,
.dark-mode .main-menu {
background: #000;
border-bottom: 1px solid #111;
box-shadow: 0 2px 12px rgba(0, 0, 0, .85);
} .light-mode {
background: #f7f4ee;
color: #111;
}
.light-mode .site-header,
.light-mode .main-menu {
background: #fdfaf4;
border-bottom: 1px solid #e0d9cc;
} .header-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-right {
text-align: right;
}
.bangla-date {
font-size: 14px;
margin-bottom: 6px;
} .dark-toggle span {
cursor: pointer;
font-size: 22px;
margin-left: 8px;
opacity: .6;
}
.dark-toggle span.active {
opacity: 1;
color: #ffcc00;
} .site-logo img {
display: none;
}
.dark-mode .logo-dark {
display: block;
}
.light-mode .logo-light {
display: block;
} .main-menu ul {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 12px;
padding: 10px 0; }
.main-menu ul li {
list-style: none;
}
.main-menu ul li a {
display: inline-block;
font-size: 21px; padding: 6px 16px;
border-radius: 999px; text-decoration: none;        
white-space: nowrap;
transition: all 0.25s ease;
}
body.light-mode .main-menu ul li a {
background: #e6e1d8;
color: #111;
}
body.dark-mode .main-menu ul li a {
background: #2a2a2a;
color: #f2f2f2;
}
.main-menu ul li a:hover {
transform: translateY(-1px);
opacity: 0.9;
}
.main-menu ul::-webkit-scrollbar {
height: 0;
} .site-header {
position: relative;
width: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.site-header.hide {
transform: translateY(-100%);
opacity: 0;
}
.main-menu.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: inherit;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
transition: top 0.3s, background 0.3s;
} .body-boxes {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.body-box {
width: 100%;
}
.content-area {
display: flex; gap: 20px;
align-items: flex-start;
}
.body2 {
width: 70%; }
.sidebar {
width: 30%; }
.widget {
width: 100%;
box-sizing: border-box;
} @media (max-width: 768px) { .header-flex {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.header-right {
text-align: left;
} .body-boxes {
grid-template-columns: 1fr; gap: 15px; } .content-area {
display: flex;
flex-direction: column; gap: 15px; }
.body2 {
width: 100%; } .body2 .widget {
width: 100%; margin-bottom: 15px; }
.sidebar {
width: 100%; } .sidebar .widget {
width: 100%; margin-bottom: 15px; } .body-boxes, .content-area {
margin-bottom: 15px; }
} @media (max-width: 768px) {
.main-menu ul {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
.main-menu ul li {
flex: 0 0 auto;
}
} .theme-widget,
.box-widget,
.body2-widget,
.sidebar-widget,
.footer-widget {
display: block;
width: 100%;
position: relative;
isolation: isolate;
clear: both;
overflow: hidden;
margin: 9px 0; } .theme-widget + .theme-widget,
.box-widget + .box-widget,
.body2-widget + .body2-widget,
.sidebar-widget + .sidebar-widget {
margin-top: 10px; } #body-2,
.body-2,
.body2,
.body2-area {
overflow: hidden;
} .sidebar,
#sidebar,
.widgets-area {
overflow: hidden;
} @media (max-width: 768px) {
.theme-widget,
.box-widget,
.body2-widget,
.sidebar-widget {
margin: 14px 0; }
} #site-footer {
background: #000;
color: #fff;
padding: 40px 15px 20px;
margin-top: 40px;
}
.footer-widgets {
max-width: 1440px;
margin: auto;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.footer-box {
flex: 1 1 30%;
min-width: 250px;
}
.footer-box h4 {
color: #fff;
font-weight: bold;
border-bottom: 1px solid #444;
margin-bottom: 10px;
padding-bottom: 6px;
}
.footer-box a {
color: #ccc;
text-decoration: none;
}
.footer-box a:hover {
color: #fff;
}
.footer-bottom {
text-align: center;
padding: 15px 0;
font-size: 14px;
color: #aaa;
} @media (max-width: 768px) {
.footer-widgets {
flex-direction: column;
}
.footer-box {
flex: 1 1 100%;
}
} .dahuksidepost-widget {
background: var(--widget-bg);
border: var(--widget-border);
padding: 15px;
border-radius: 8px;
margin: 10px 0;
transition: background-color 0.3s ease, border 0.3s ease;
} body.light-mode {
--widget-bg: #ffffff;
--text-color: #222;
--title-bg: #e0e0e0;
--more-bg: #d3d3d3;
--widget-border: 1px solid #ddd;
}
body.dark-mode {
--widget-bg: transparent; --text-color: #f0f0f0;
--title-bg: #333;
--more-bg: #555;
--widget-border: none; } .dahuksidepost-widget {
background-color: var(--widget-bg);
color: var(--text-color);
border: var(--widget-border);
} .cat-title-wrap {
display: inline-block;
border-radius: 999px;
padding: 6px 18px;
margin-bottom: 12px;
transition: color 0.3s ease;
} body.light-mode .cat-title-wrap .oblong-bg {
color: #000; }
body.dark-mode .cat-title-wrap .oblong-bg {
color: #fff; }
.cat-title-wrap .oblong-bg {
font-size: 18px;
font-weight: bold;
} .dahuksidepost-post-list {
list-style: none;
padding: 0;
margin: 0;
}
.dahuksidepost-post-item {
display: flex;
gap: 10px;
margin-bottom: 12px;
align-items: center;
} .dahuksidepost-post-item .thumb img {
width: 150px;
height: 80px;
object-fit: cover;
border-radius: 10px; transition: transform 0.3s ease, filter 0.3s ease;
filter: brightness(90%);
cursor: pointer;
} body.light-mode .dahuksidepost-post-item .thumb img {
filter: brightness(80%);
}
body.dark-mode .dahuksidepost-post-item .thumb img {
filter: brightness(110%);
} .dahuksidepost-post-item .thumb img:hover,
.dahuksidepost-post-item .thumb img:active {
transform: scale(1.05);
} .dahuksidepost-post-item .info .title {
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.3s ease;
} body.light-mode .dahuksidepost-post-item .info .title {
color: #222;
}
body.dark-mode .dahuksidepost-post-item .info .title {
color: #f0f0f0;
}
.dahuksidepost-post-item .info .meta {
font-size: 12px;
margin-top: 3px;
color: var(--text-color);
} .more-button {
text-align: right;
margin-top: 10px;
}
.more-button .oblong-bg {
background-color: var(--more-bg);
padding: 4px 12px;
border-radius: 999px;
font-size: 14px;
display: inline-block;
text-decoration: none;
color: inherit;
cursor: pointer;
transition: opacity 0.2s ease;
}
.more-button .oblong-bg:hover {
opacity: 0.85;
} @media (max-width: 768px) {
.dahuksidepost-post-item {
flex-direction: column;
align-items: flex-start;
}
.dahuksidepost-post-item .thumb img {
width: 100%;
height: auto;
}
.dahuksidepost-post-item .info .title {
font-size: 15px;
-webkit-line-clamp: 3;
}
} .dahuk-widget {
background-color: var(--widget-bg);
border-radius: 12px;
padding: 16px;
box-shadow: var(--widget-shadow);
transition: background-color 0.3s ease;
max-width: 100%;
}
body.light-mode {
--widget-bg: #ffffff;
--widget-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
--text-color: #222;
--title-bg: #e0e0e0;
--more-bg: #d3d3d3;
}
body.dark-mode {
--widget-bg: #1a1a1a;
--widget-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
--text-color: #f0f0f0;
--title-bg: #333;
--more-bg: #555;
}
.category-title .oblong-bg {
background-color: var(--title-bg);
padding: 4px 12px;
border-radius: 20px;
font-size: 21px;
display: inline-block;
margin-bottom: 12px;
} .main-item {
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 8px; }
.main-img {
width: 100%;
max-height: 280px;
object-fit: cover;
transition: transform 0.3s ease;
filter: brightness(90%);
border-radius: 12px; }
body.light-mode .main-img { filter: brightness(80%); }
body.dark-mode .main-img { filter: brightness(110%); } .item {
display: flex;
gap: 12px;
margin-bottom: 10px;
min-height: 100px; align-items: center;
padding: 6px 0;
box-sizing: border-box;
}
.thumb-img {
width: 170px;
height: 90px;
object-fit: cover;
transition: transform 0.3s ease;
filter: brightness(90%);
border-radius: 8px; }
body.light-mode .thumb-img { filter: brightness(80%); }
body.dark-mode .thumb-img { filter: brightness(110%); }
.item-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
} .item-content h3,
.main-content h2 {
font-size: 16px;
color: var(--text-color);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bangla-date {
font-size: 14px;
color: var(--text-color);
margin-top: 4px;
} .hidden-link {
text-decoration: none;
color: inherit;
}
.main-img:hover,
.thumb-img:hover {
transform: scale(1.05);
} .more-button a {
display: inline-block; text-decoration: none; color: var(--text-color); background-color: var(--more-bg);
padding: 6px 14px;
border-radius: 20px;
font-size: 15px;
transition: background-color 0.3s ease;
}
.more-button a:hover {
background-color: var(--title-bg);
} @media (max-width: 768px) {
.dahuk-widget {
padding: 12px;
}
.category-title .oblong-bg {
font-size: 18px;
padding: 4px 10px;
}
.main-item {
flex-direction: column;
gap: 8px;
padding-bottom: 6px;
}
.main-img {
width: 100%;
height: auto;
max-height: none;
}
.item {
flex-direction: column;
align-items: flex-start;
min-height: auto;
gap: 8px;
margin-bottom: 12px;
}
.thumb-img {
width: 100%;
height: auto;
}
.item-content h3,
.main-content h2 {
font-size: 15px;
-webkit-line-clamp: 3; }
.bangla-date {
font-size: 13px;
}
} .dahuk-post-scroll-widget {
width: 100%;
overflow: hidden;
padding-top: 0 !important; padding-bottom: 10px; box-sizing: border-box;
} .dahuk-scroll-outer {
overflow: hidden;
position: relative;
width: 100%;
} .dahuk-scroll-inner {
display: flex;
gap: 20px;
width: max-content;          
will-change: transform;
} .dahuk-scroll-item {
flex: 0 0 auto;
width: 250px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
cursor: pointer;
overflow: hidden;
} .dahuk-scroll-item:hover {
transform: translateZ(0) scale(1.05);
} .dahuk-scroll-link {
display: block;
text-decoration: none;
color: inherit;
} .dahuk-scroll-item img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
} .dahuk-scroll-title {
font-size: 16px;
font-weight: 600;
margin: 6px 10px 2px 10px;
line-height: 1.3em;
height: 2.6em;
overflow: hidden;
} .dahuk-scroll-date {
font-size: 14px;
color: #555;
margin: 0 10px 10px 10px;
} .dahuk-post-scroll-cat {
display: inline-block;
padding: 6px 18px;
border-radius: 30px;
font-size: 21px;
font-weight: 600;
margin: 0 0 10px 0; } body.dark-mode .dahuk-post-scroll-cat {
color: #ffffff;
}
body.light-mode .dahuk-post-scroll-cat {
color: #111111;
} body.dark-mode .dahuk-scroll-item {
background-color: #1a1a1a;
color: #eee;
}
body.light-mode .dahuk-scroll-item {
background-color: #fff;
color: #111;
} @media (max-width: 1200px) {
.dahuk-scroll-item {
width: 220px;
}
.dahuk-scroll-item img {
height: 120px;
}
}
@media (max-width: 992px) {
.dahuk-scroll-item {
width: 180px;
}
.dahuk-scroll-item img {
height: 110px;
}
.dahuk-scroll-title {
font-size: 14px;
}
}
@media (max-width: 768px) {
.dahuk-scroll-item {
width: 160px;
}
.dahuk-scroll-item img {
height: 100px;
}
.dahuk-scroll-title {
font-size: 13px;
}
}
@media (max-width: 480px) {
.dahuk-scroll-item {
width: 140px;
}
.dahuk-scroll-item img {
height: 90px;
}
.dahuk-scroll-title {
font-size: 12px;
}
.dahuk-post-scroll-cat {
font-size: 18px;
padding: 4px 12px;
}
} .wzed-widget, .wzed-widget * { box-sizing: border-box; } .wzed-widget {
width: 100%;
padding: 14px;
border-radius: 14px;
margin-bottom: 28px; position: relative;
z-index: 1;
clear: both; background: var(--wzed-bg, #fff);
transition: background .3s ease, margin .3s ease;
} body.light-mode .wzed-widget { background: #fff; }
body.dark-mode .wzed-widget { background: rgba(255,255,255,.05); } .wzed-category-title {
display: inline-block;
padding: 6px 20px;
font-size: 21px;
font-weight: 600;
line-height: 1;
border-radius: 30px;
background: var(--wzed-cat-bg);
margin-bottom: 14px;
transition: color .3s ease, background .3s ease;
}
body.light-mode .wzed-category-title { color: #000; }
body.dark-mode .wzed-category-title { color: #fff; } .wzed-post-grid {
display: flex;
gap: 14px;
flex-wrap: wrap;
} .wzed-column {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px; padding: 0;
} .wzed-column:not(:last-child) {
border-right: 1px solid rgba(0,0,0,.12);
}
body.dark-mode .wzed-column:not(:last-child) {
border-right: 1px solid rgba(255,255,255,.15);
} .wzed-post {
display: flex;
align-items: flex-start;
gap: 12px;
text-decoration: none !important;
color: inherit !important;
transition: transform .3s ease;
} .wzed-thumb {
flex: 0 0 100px;
height: 90px;
border-radius: 8px;
overflow: hidden;
background: #eee;
transition: background .3s ease;
}
body.dark-mode .wzed-thumb { background: #2a2a2a; }
.wzed-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.wzed-post:hover .wzed-thumb img { transform: scale(1.06); } .wzed-post-content { flex: 1; }
.wzed-post-title {
font-size: 15px;
line-height: 1.45;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
transition: color .3s ease;
}
body.dark-mode .wzed-post-title { color: #fff; }
.wzed-post-date {
font-size: 13px;
opacity: .7;
margin-top: 2px;
} .wzed-more-wrap {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.wzed-more {
padding: 5px 14px;
font-size: 14px;
border-radius: 20px;
background: #e5e5e5;
color: #000;
text-decoration: none !important;
transition: background .3s ease, color .3s ease, opacity .3s ease;
}
.wzed-more:hover { opacity: .85; }
body.dark-mode .wzed-more { background: #3a3a3a; color: #fff; } @media (max-width: 991px) {
.wzed-post-grid { flex-direction: column; }
.wzed-column { border-right: none; }
}
@media (max-width: 576px) {
.wzed-thumb { flex: 0 0 96px; height: 72px; }
.wzed-post-title { font-size: 14px; }
.wzed-column { gap: 10px; }
}  .dahuk-2col-widget{
margin:20px 0;
padding:15px;
border-radius:14px;
box-sizing:border-box;
transition:.3s;
}
body.light-mode .dahuk-2col-widget{ background:#ffffff; }
body.dark-mode  .dahuk-2col-widget{ background:#1e1e1e; } .dahuk-widget-head{ margin-bottom:14px; }
.dahuk-cat-title{
padding:6px 18px;
border-radius:999px;
font-size:21px;
font-weight:400;
display:inline-block;
}
body.light-mode .dahuk-cat-title{ color:#111; }
body.dark-mode  .dahuk-cat-title{ color:#fff; } .dahuk-2col-wrap{
display:flex;
gap:16px;
} .dahuk-left { 
flex: 1; 
}
.dahuk-left-link{
display:block;
color:inherit;
text-decoration:none;
cursor:pointer; }
.dahuk-left-link:hover,
.dahuk-left-link:focus,
.dahuk-left-link:visited,
.dahuk-left-link:active{
color:inherit;
text-decoration:none;
outline:none;
} .dahuk-left .dahuk-img{
border-radius:10px;
overflow:hidden;
}
.dahuk-left img{
width:100%;
height:auto;
display:block;
}
.dahuk-title{
font-size:16px;
line-height:1.35;
margin:6px 0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:inherit;
}
.dahuk-date{
font-size:13px;
opacity:.7;
}
.dahuk-excerpt{
font-size:14px;
line-height:1.45;
margin-top:6px;
} .dahuk-right{
flex:1;
padding-left:16px;
border-left:1px solid rgba(0,0,0,.12);
}
body.dark-mode .dahuk-right{
border-color:rgba(255,255,255,.12);
} .dahuk-right a.dahuk-right-item{
display:flex !important;
flex-direction:row !important;
gap:10px;
align-items:flex-start;
margin-bottom:14px;
text-decoration:none;
color:inherit;
} .dahuk-thumb{
width:170px;
height:70px;
flex-shrink:0;
overflow:hidden;
border-radius:6px;
}
.dahuk-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
} .dahuk-right-content{
display:flex;
flex-direction:column;
} .dahuk-right-content h4{
font-size:15px;
line-height:1.35;
margin:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
} .dahuk-right-content .dahuk-date{
margin-top:4px;
font-size:13px;
opacity:.75;
} .zoom img{
transition:transform .4s ease;
}
.zoom:hover img{
transform:scale(1.08);
} .dahuk-more{
text-align:right;
margin-top:12px;
}
.dahuk-more-btn{
background:#cfcfcf;
padding:6px 16px;
border-radius:999px;
font-size:14px;
text-decoration:none;
color:#000;
} body.light-mode .dahuk-2col-widget:hover{
box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
body.dark-mode .dahuk-2col-widget:hover{
box-shadow:0 0 0 1px rgba(255,255,255,.08);
}  @media(max-width:768px){
.dahuk-2col-wrap{
flex-direction:column;
}
.dahuk-right{
border-left:none;
padding-left:0;
} .dahuk-right a.dahuk-right-item{
flex-direction:column !important;
}
.dahuk-thumb{
width:100%;
height:auto;
}
.dahuk-thumb img{
width:100%;
height:auto;
}
.dahuk-right-content{
margin-top:6px;
}
} .category-post-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 20px;
} @media (max-width: 600px) {
.category-post-grid {
grid-template-columns: 1fr;
}
} @media (min-width: 2560px) {
.category-post-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.category-post-box {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
} .post-flex {
display: flex;
gap: 12px;
align-items: flex-start;
} .post-thumb img {
width: 140px;
height: auto;
display: block;
border-radius: 8px; object-fit: cover; transition: transform 0.3s ease, box-shadow 0.3s ease;
} .post-thumb img:hover {
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
} .post-thumb img {
loading: lazy; }
.post-info {
flex: 1;
} .post-title {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: #000; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .post-date {
font-size: 13px;
color: #555;
margin-top: 4px;
} .post-link-hidden,
.post-link-hidden * {
color: inherit !important;
text-decoration: none !important;
border: none !important;
}
.post-link-hidden:hover,
.post-link-hidden:hover * {
color: inherit !important;
text-decoration: none !important;
} .category-pagination .nav-links {
display: flex;
justify-content: center; gap: 12px;
margin-top: 20px;
flex-wrap: wrap;
}
.category-pagination a,
.category-pagination span {
padding: 10px 18px;
border: 1px solid #ddd;
background: #fff;
color: #333 !important;
text-decoration: none !important;
border-radius: 6px;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
} .category-pagination a:hover {
background: #007bff;
color: #fff !important;
border-color: #007bff;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
} .category-pagination .current {
background: #007bff;
color: #fff !important;
border-color: #007bff;
pointer-events: none;
} .single-inner{
max-width:760px;
margin:0 auto;
padding:0 15px;
} .single-category-title{
font-size:25px;
font-weight:700;
margin-bottom:15px;
} .single-featured-wrap{
max-width:800px;
margin:0 auto 20px;
}
.single-featured-img{
width:100%;
height:auto;
aspect-ratio:800/460;
object-fit:cover;
border-radius:8px;
} .single-post-title{
font-size:30px;
font-weight:700;
margin:10px 0;
}
.single-post-date{
font-size:15px;
opacity:.8;
margin-bottom:20px;
} .single-post-content{
line-height:1.8;
text-align:justify;
overflow-wrap:break-word;
} .category-more-news{
margin-top:40px;
}
.more-news-title{
display:inline-block;
font-size:21px;
padding:6px 18px;
border-radius:999px;
background:#e0e0e0;
color:#000; margin-bottom:20px;
}
.more-news-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.more-news-item{
display:flex;
gap:10px;
text-decoration:none;
color:inherit;
}
.more-news-thumb img{
width:90px;
height:65px;
object-fit:cover;
border-radius:6px;
}
.more-news-text{
font-size:15px;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}  @media (min-width:1024px){
.single-post-content{
font-size:20px; line-height:1.95; }
} @media (max-width:1023px){
.more-news-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:767px){
.single-inner{
padding:0 12px;
}
.single-post-content{
font-size:16px; line-height:1.7; text-align:left;
}
.more-news-grid{
grid-template-columns:1fr;
}
.more-news-item{
gap:12px;
}
.more-news-thumb img{
width:95px;
height:70px;
}
.single-featured-img{
border-radius:6px;
}
}