:root {
--green: #075c4e;
--green-2: #0b725e;
--ink: #203b35;
--muted: #71817c;
--cream: #fbfaf4;
--paper: #fffef9;
--line: #e7e9df;
--orange: #e36b32;
--yellow: #f1b83d;
--blue: #54a8c8;
--purple: #7d5a9f;
--shadow: 0 8px 30px rgba(23, 55, 47, .07);
--radius: 12px;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--ink);
background: var(--cream);
font-family: "Noto Sans Bengali", sans-serif;
font-size: 15pt;
line-height: 1.8;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
display: block;
}
.container {
width: min(1180px, calc(100% - 40px));
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
body.blog #content {
margin-top: 0 !important;
} #page .container,
header .container,
footer .container,
#content.container {
max-width: 1180px;
width: min(1180px, calc(100% - 40px));
}
.serif {
font-family: "Noto Serif Bengali", serif;
} .topbar {
height: 38px;
border-bottom: 1px solid var(--line);
color: #72817b;
font-size: 13px;
background: #fffefb;
}
.topbar .container {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.meta {
display: flex;
gap: 22px;
}
.social {
display: flex;
gap: 13px;
align-items: center;
font-size: 12px;
}
.social span {
width: 22px;
height: 22px;
border: 1px solid #e1e5df;
border-radius: 50%;
display: grid;
place-items: center;
} header.site-header,
#masthead.site-header,
body header.site-header {
background: rgba(255, 254, 250, .97) !important;
background-color: rgba(255, 254, 250, .97) !important;
border-bottom: 1px solid var(--line) !important;
position: sticky;
top: 10;
z-index: 9999;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} header.site-header .af-middle-container,
header.site-header .main-bar-left,
header.site-header .navigation-container,
header.site-header .bottom-bar-flex {
background: transparent !important;
} #site-navigation.aft-sticky-navigation,
#site-navigation.nav-up,
#site-navigation.nav-down,
body.scrollup-sticky-header #site-navigation,
body.scrolldown-sticky-header #site-navigation,
body.scrollboth-sticky-header #site-navigation {
position: static !important;
top: auto !important;
transform: none !important;
width: auto !important;
background: transparent !important;
}
#masthead.site-header {
padding-bottom: 0 !important; }
.nav {
min-height: 88px;
display: flex;
align-items: center;
justify-content: space-between;
}
.brand {
display: flex;
align-items: flex-end;
gap: 12px;
flex: 0 0 auto;
min-width: 0;
max-width: 35%;
padding-bottom: 14px;
}
nav.main-navigation,
body nav.main-navigation,
#site-navigation.main-navigation {
flex: 1 1 auto;
display: flex;
justify-content: center;
min-width: 0;
background: transparent !important;
background-color: transparent !important;
}
.search {
flex: 0 0 210px;
}
.search form {
width: 180px;
max-width: 100%;
}
.logo {
color: var(--green);
font-family: "Noto Serif Bengali", serif;
font-size: 54px;
font-weight: 700;
line-height: .9;
letter-spacing: -4px;
position: relative;
}
.logo:after {
content: "";
position: absolute;
width: 14px;
height: 8px;
border-radius: 100%;
background: #80a95a;
right: 3px;
top: -2px;
transform: rotate(-28deg);
}
.tagline {
font-size: 15px;
color: #5c756d;
padding-bottom: 4px;
}
.search form {
width: 180px;
max-width: 100%;
height: 34px;
border: 1px solid var(--line);
border-radius: 7px;
display: flex;
align-items: center;
padding: 0 10px;
color: #9aa5a0;
font-size: 12px;
gap: 8px;
}
.search button {
margin-left: auto;
flex: none;
border: 0;
background: transparent;
color: var(--muted);
cursor: pointer;
padding: 4px 6px;
border-radius: 4px;
line-height: 1;
font-size: 13px;
}
.search button:hover {
color: var(--green);
background: #f6f7f2;
}
.search button i {
display: block;
font-size: 13px;
} .hero {
padding: 22px 0 35px;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 260px;
gap: 18px;
}
.hero-main {
min-height: 365px;
border-radius: 9px;
overflow: hidden;
position: relative;
background: linear-gradient(90deg, rgba(4, 57, 48, .82), rgba(4, 57, 48, .25) 60%, rgba(4, 57, 48, .04)), linear-gradient(180deg, #c9a56b, #e5c996 42%, #78956e);
color: white;
display: flex;
align-items: center;
padding: 45px 42px;
}
.hero-main:before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 82% 28%, #ffd87b 0 2%, transparent 2.5%), radial-gradient(circle at 78% 31%, #fff0b2 0 1.5%, transparent 2%), linear-gradient(135deg, transparent 0 52%, rgba(20, 71, 52, .45) 53% 100%);
opacity: .8;
z-index: 1;
pointer-events: none;
} .hero-main::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(4,57,48,0.88) 0%, rgba(4,57,48,0.78) 38%, rgba(4,57,48,0.52) 58%, rgba(4,57,48,0.18) 78%, transparent 92%);
z-index: 1;
pointer-events: none;
}
.hero-copy {
position: relative;
z-index: 2;
max-width: 510px;
background: rgba(4, 57, 48, 0.16);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 18px 20px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.10);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
color: #fff;
}
.hero h1,
.hero-copy h1 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.hero-copy .issue,
.hero-copy p {
color: #fffef9 !important;
-webkit-text-fill-color: #fffef9 !important;
text-shadow: 0 2px 14px rgba(0,0,0,0.55), 0 1px 4px rgba(0,0,0,0.75);
}
.hero-copy h1 {
text-shadow: 0 2px 16px rgba(0,0,0,0.6), 0 1px 4px rgba(0,0,0,0.8);
}
.hero-copy .pill {
box-shadow: 0 2px 8px rgba(0,0,0,0.18);
text-shadow: none;
}
.hero-copy .btn {
box-shadow: 0 4px 12px rgba(0,0,0,0.18);
text-shadow: none;
}
.hero-copy .dots {
filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.pill {
display: inline-block;
background: #08735d;
color: #fff;
padding: 4px 13px;
border-radius: 30px;
font-size: 13px;
margin-bottom: 10px;
}
h1,
h2,
h3,
p {
margin-top: 0;
}
.hero h1 {
font: 700 48px / 1.1 "Noto Serif Bengali", serif;
margin-bottom: 3px;
}
.issue {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.hero p {
font-size: 15px;
max-width: 440px;
color: #eef6f1;
}
.btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: white;
color: var(--green);
padding: 9px 19px;
border-radius: 24px;
font-weight: 700;
font-size: 13px;
margin-top: 8px;
}
.dots {
display: flex;
gap: 7px;
margin-top: 18px;
}
.dots i {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #d8ded9;
transition: width .22s, background .22s, border-radius .22s;
cursor: pointer;
}
.dots i.active {
width: 25px;
border-radius: 8px;
background: white;
}
.issue-card {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
padding: 19px 18px;
box-shadow: var(--shadow);
}
.issue-card h3 {
font-size: 16px;
color: var(--green);
margin-bottom: 12px;
}
.cover {
aspect-ratio: 3 / 4;
background: linear-gradient(145deg, #b6d997, #fff1b0 55%, #75a875);
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 18px 15px;
color: var(--green);
box-shadow: 0 8px 20px rgba(20, 55, 45, .14);
position: relative;
overflow: hidden;
}
.cover:before,
.cover:after {
content: "";
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, .38);
}
.cover:before {
width: 110px;
height: 110px;
right: -35px;
top: 55px;
}
.cover:after {
width: 70px;
height: 70px;
left: -20px;
bottom: 35px;
}
.cover-title {
font: 700 39px "Noto Serif Bengali", serif;
position: relative;
z-index: 1;
}
.cover-art {
font-size: 58px;
text-align: center;
filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .1));
}
.cover small {
font-size: 10px;
position: relative;
z-index: 1;
} .section {
padding: 28px 0;
}
.section-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 17px;
}
.section-title {
display: flex;
align-items: center;
gap: 10px;
font: 700 27px "Noto Serif Bengali", serif;
color: var(--green);
}
.section-title .icon {
font-family: sans-serif;
font-size: 22px;
}
.more {
font-size: 12px;
color: var(--green);
font-weight: 700;
} .cards-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
}
.card {
background: #fff;
border: 1px solid var(--line);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(30, 50, 40, .035);
}
.card-image {
height: 120px;
display: grid;
place-items: center;
font-size: 50px;
background: linear-gradient(145deg, #d7efc5, #fff0c8);
}
.card:nth-child(2) .card-image {
background: linear-gradient(145deg, #fff0b5, #ffd7b2);
}
.card:nth-child(3) .card-image {
background: linear-gradient(145deg, #f9d8dc, #c9e7ec);
}
.card:nth-child(4) .card-image {
background: linear-gradient(145deg, #ffe9aa, #d8e9f2);
}
.card:nth-child(5) .card-image {
background: linear-gradient(145deg, #c8e8ef, #ffe3a6);
}
.card-body {
padding: 12px 14px 15px;
}
.card h3 {
font: 700 17px "Noto Serif Bengali", serif;
color: var(--green);
margin-bottom: 3px;
}
.card p {
font-size: 12px;
color: var(--muted);
margin-bottom: 4px;
}
.arrow {
color: var(--green);
font-size: 16px;
} .feature-grid {
display: grid;
grid-template-columns: 1.45fr .95fr .7fr;
gap: 16px;
}
.feature-card,
.list-card,
.quote-card,
.panel {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
overflow: hidden;
}
.feature-image {
height: 185px;
background: linear-gradient(180deg, #efbd76, #d4e2ba 62%, #638b69);
position: relative;
}
.feature-image:after {
content: "";
font-size: 75px;
position: absolute;
right: 20px;
bottom: 4px;
filter: drop-shadow(0 8px 4px rgba(0, 0, 0, .12));
}
.feature-body {
padding: 15px 18px 18px;
}
.label {
display: inline-block;
font-size: 10px;
color: #fff;
background: var(--orange);
border-radius: 12px;
padding: 2px 9px;
}
.feature-body h2 {
font: 700 25px "Noto Serif Bengali", serif;
color: var(--green);
margin: 7px 0;
}
.feature-body p {
font-size: 13px;
color: var(--muted);
}
.author {
font-size: 11px;
color: #73817c;
margin-top: 12px;
}
.list-card {
padding: 10px 13px;
}
.list-title {
font: 700 18px "Noto Serif Bengali", serif;
color: var(--green);
padding: 5px;
}
.mini {
display: flex;
gap: 10px;
padding: 10px 4px;
border-bottom: 1px solid #edf0ea;
}
.mini:last-child {
border-bottom: 0;
}
.thumb {
width: 76px;
height: 54px;
border-radius: 5px;
flex: none;
background: linear-gradient(135deg, #d3e7bc, #eecf9e);
display: grid;
place-items: center;
font-size: 25px;
}
.mini h4 {
font-size: 13px;
margin: 0 0 2px;
color: #34544b;
}
.mini small {
font-size: 10px;
color: #9aa49f;
}
.quote-card {
background: #f1f7ee;
padding: 30px 23px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.quote-card:before {
content: "\201C";
font: 700 70px Georgia;
color: #88ad91;
line-height: .5;
}
.quote-card p {
font: 500 23px / 1.6 "Noto Serif Bengali", serif;
color: #58756b;
margin: 10px 0;
}
.quote-card:after {
content: "\2301";
font-size: 40px;
color: #75a586;
text-align: center;
} .literature {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}
.lit {
height: 105px;
border: 1px solid var(--line);
border-radius: 7px;
overflow: hidden;
background: #fff;
position: relative;
display: flex;
align-items: flex-end;
}
.lit .scene {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #c5dfa9, #f5d88d);
}
.lit:nth-child(2) .scene {
background: linear-gradient(135deg, #9cc48b, #e4b675);
}
.lit:nth-child(3) .scene {
background: linear-gradient(135deg, #f1c1b8, #a9d5dc);
}
.lit:nth-child(4) .scene {
background: linear-gradient(135deg, #7ea6bd, #d9e5bf);
}
.lit:nth-child(5) .scene {
background: linear-gradient(135deg, #b48c80, #e9bc83);
}
.lit:nth-child(6) .scene {
background: linear-gradient(135deg, #d7c19e, #a9c7a0);
}
.lit span {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, .92);
width: 100%;
padding: 7px;
text-align: center;
font-size: 12px;
color: var(--green);
font-weight: 700;
} .three-grid {
display: grid;
grid-template-columns: 1.2fr .9fr .8fr;
gap: 16px;
}
.panel {
padding: 16px;
}
.panel-title {
display: flex;
justify-content: space-between;
align-items: center;
font: 700 20px "Noto Serif Bengali", serif;
color: var(--green);
margin-bottom: 10px;
}
.news-row {
display: flex;
gap: 10px;
padding: 9px 0;
border-bottom: 1px solid #edf0ea;
}
.news-row:last-child {
border-bottom: 0;
}
.news-img {
width: 64px;
height: 45px;
border-radius: 4px;
background: linear-gradient(135deg, #a9d1c2, #efca85);
flex: none;
}
.news-row h4 {
font-size: 12px;
margin: 0;
color: #405a53;
}
.news-row small {
font-size: 9px;
color: #9ba5a1;
}
.rank {
display: flex;
gap: 12px;
padding: 8px 2px;
border-bottom: 1px solid #edf0ea;
align-items: center;
}
.rank:last-child {
border: 0;
}
.number {
width: 25px;
color: var(--green);
font-weight: 700;
font-size: 17px;
}
.rank span {
font-size: 12px;
}
.archive-box {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
margin-bottom: 13px;
}
select {
width: 100%;
height: 35px;
border: 1px solid var(--line);
border-radius: 6px;
background: #fff;
padding: 0 8px;
font-family: inherit;
font-size: 11px;
color: #65746e;
}
.archive-cover {
height: 115px;
background: linear-gradient(145deg, #c3dda8, #f5d89b);
border-radius: 5px;
display: grid;
place-items: center;
font-size: 42px;
color: var(--green);
} .gallery {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
.gallery div {
height: 82px;
border-radius: 6px;
background: linear-gradient(135deg, #b9d79b, #eabf87);
display: grid;
place-items: center;
font-size: 30px;
}
.gallery div:nth-child(2n) {
background: linear-gradient(135deg, #f0c8c0, #b3d6c9);
} footer {
margin-top: 45px;
background: #045447;
color: #dcece6;
padding: 42px 0 18px;
position: relative;
}
.footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.4fr 1.5fr;
gap: 30px;
}
footer .logo {
color: white;
font-size: 47px;
display: block;
margin-bottom: 10px;
}
footer h4 {
font-size: 14px;
color: white;
margin: 4px 0 10px;
}
footer p,
footer a {
font-size: 12.5px;
color: #e8f5f0;
line-height: 1.8;
font-family: "Noto Sans Bengali", sans-serif;
letter-spacing: 0.1px;
}
footer a {
text-decoration: none;
}
footer a:link,
footer a:visited,
footer a:active,
footer a:focus {
color: #e8f5f0 !important;
-webkit-text-fill-color: #e8f5f0 !important;
}
footer a:hover,
footer a:visited:hover,
footer a:active:hover,
footer a:focus:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-decoration: underline;
text-underline-offset: 3px;
} .footer-grid div:nth-child(2) a,
.footer-grid div:nth-child(3) a {
display: inline-block;
padding: 2px 0;
font-weight: 400;
}
.footer-social a:link,
.footer-social a:visited {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.footer-social a {
transition: background .2s, transform .2s, border-color .2s;
}
.footer-social a:hover {
background: rgba(255,255,255,0.18) !important;
border-color: rgba(255,255,255,0.28) !important;
transform: translateY(-1px);
}
.newsletter {
display: flex;
border: 1px solid rgba(255, 255, 255, .3);
border-radius: 5px;
overflow: hidden;
margin-top: 10px;
}
.newsletter input {
min-width: 0;
flex: 1;
border: 0;
background: transparent;
padding: 9px;
color: #fff;
font-family: inherit;
font-size: 11px;
}
.newsletter button {
border: 0;
background: #fff;
color: var(--green);
width: 42px;
}
.copyright {
border-top: 1px solid rgba(255, 255, 255, .15);
margin-top: 30px;
padding-top: 15px;
display: flex;
justify-content: space-between;
font-size: 10px;
color: #a8c5bb;
}
.leaf {
position: absolute;
opacity: .18;
font-size: 60px;
}
.leaf.left {
left: 12px;
bottom: 5px;
}
.leaf.right {
right: 15px;
top: 12px;
} @media (max-width: 1050px) {
header.site-header .nav {
gap: 12px;
}
.brand {
max-width: 220px;
}
.search {
display: none !important;
}
nav.main-navigation {
justify-content: flex-end;
}
.main-navigation ul#primary-menu>li>a,
.main-navigation div#primary-menu>ul>li>a {
font-size: 13px;
padding: 8px 7px;
}
.footer-grid {
grid-template-columns: 1.4fr 1fr 1fr;
gap: 22px;
}
.footer-grid > div:nth-child(4),
.footer-grid > div:nth-child(5) {
grid-column: auto;
}
.feature-grid {
grid-template-columns: 1.2fr 1fr;
}
.quote-card {
display: none;
}
.three-grid {
grid-template-columns: 1fr 1fr;
}
.three-grid .panel:last-child {
grid-column: 1 / -1;
}
}
@media (max-width: 800px) {
.container {
width: min(100% - 24px, 680px);
}
.topbar {
display: none;
}
.nav {
min-height: 72px;
}
.brand {
min-width: 0;
}
.tagline {
display: none;
}
.logo {
font-size: 43px;
}
.hero-grid {
grid-template-columns: 1fr;
}
.issue-card {
display: none;
}
.hero-main {
min-height: 430px;
padding: 30px 25px;
}
.hero h1 {
font-size: 39px;
}
.cards-5 {
grid-template-columns: repeat(2, 1fr);
}
.cards-5 .card:last-child {
grid-column: 1 / -1;
}
.feature-grid,
.three-grid {
grid-template-columns: 1fr;
}
.literature {
grid-template-columns: repeat(3, 1fr);
}
.gallery {
grid-template-columns: repeat(3, 1fr);
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.copyright {
flex-direction: column;
gap: 6px;
}
}
@media (max-width: 480px) {
.cards-5 {
grid-template-columns: 1fr;
}
.cards-5 .card:last-child {
grid-column: auto;
}
.literature {
grid-template-columns: repeat(2, 1fr);
}
.gallery {
grid-template-columns: repeat(2, 1fr);
}
.footer-grid {
grid-template-columns: 1fr;
}
.hero-main {
min-height: 440px;
}
.hero h1 {
font-size: 34px;
}
.section-title {
font-size: 23px;
}
} html, body {
overflow-x: clip;
}
#page {
overflow-x: clip;
} #content .row {
margin-left: 0;
margin-right: 0;
}
#content [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.hero-main, .feature-image, .card-image, .cover {
min-width: 0;
}
.mini, .news-row, .rank {
min-width: 0;
overflow-wrap: anywhere;
}
.mini h4, .news-row h4, .rank span {
overflow-wrap: anywhere;
word-break: break-word;
}
footer {
overflow: hidden;
}
.leaf {
pointer-events: none;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background: var(--green);
color: #fff;
clip: auto !important;
clip-path: none;
display: block;
font-size: 14px;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .search form {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.search input[type="search"] {
flex: 1;
border: 0;
background: transparent;
font-family: inherit;
font-size: 12px;
color: var(--ink);
outline: none;
min-width: 0;
}
.search input[type="search"]::placeholder {
color: #9aa5a0;
} .admin-bar header.site-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar header.site-header {
top: 46px;
}
} #page.site {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow-x: clip;
}
#content.container {
flex: 1 0 auto;
display: block;
float: none;
padding-top: 28px;
padding-bottom: 28px;
overflow: visible;
}
#content.container::after {
content: "";
display: table;
clear: both;
} #content.container > #primary,
#content.container #primary,
#primary.content-area,
#primary.content-area.full-width,
.full-width-content #primary,
body:not(.align-content-right):not(.align-content-left) #primary {
width: 100% !important;
max-width: 860px !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#content.container > .row,
section.section-block-upper > .row {
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#secondary {
display: none !important; }
footer#contact,
footer.site-footer {
clear: both !important;
margin-top: 40px !important;
width: 100% !important;
flex-shrink: 0;
}
.site-main .post,
.site-main .page {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
padding: 24px;
margin-bottom: 18px;
}
.site-main .entry-title {
font-family: "Noto Serif Bengali", serif;
color: var(--green);
font-size: 26px;
}
.site-main .entry-title a:hover {
color: var(--green-2);
}
.site-main .entry-meta {
font-size: 12px;
color: var(--muted);
margin-bottom: 10px;
}
.site-main .entry-content,
.site-main .page-content,
.site-main .parent-page-content {
font-size: 15px;
line-height: 1.8;
}
.site-main .entry-content a,
.site-main .page-content a,
.site-main .parent-page-content a {
color: var(--green);
text-decoration: underline;
}
.pagination,
.posts-navigation,
.post-navigation {
margin-top: 20px;
}
.pagination .nav-links a,
.pagination .nav-links span,
.posts-navigation a,
.post-navigation a {
display: inline-block;
background: #fff;
border: 1px solid var(--line);
border-radius: 6px;
padding: 6px 14px;
font-size: 13px;
color: var(--green);
}
.pagination .nav-links .current {
background: var(--green);
color: #fff;
border-color: var(--green);
} .widget-area .widget {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
padding: 16px;
margin-bottom: 16px;
}
.widget-area .widget-title {
font-family: "Noto Serif Bengali", serif;
color: var(--green);
font-size: 18px;
margin-bottom: 10px;
} .comments-area {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
padding: 20px;
margin-top: 18px;
}
.comment-list {
list-style: none;
padding: 0;
} .page-header {
background: #fff;
border: 1px solid var(--line);
border-radius: 9px;
padding: 18px 20px;
margin-bottom: 18px;
}
.page-header .page-title {
font-family: "Noto Serif Bengali", serif;
color: var(--green);
margin: 0;
font-size: 24px;
} nav:not(.main-navigation) ul {
list-style: none;
margin: 0;
padding: 0;
} .footer-grid ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-grid ul li {
display: inline;
}
.footer-grid ul li a {
font-size: 11px;
color: #bfd6ce;
}
.footer-grid ul li + li:before {
content: " | ";
color: rgba(255,255,255,.3);
} .newsletter form {
display: flex;
width: 100%;
}
.newsletter input {
min-width: 0;
flex: 1;
border: 0;
background: transparent;
padding: 9px;
color: #fff;
font-family: inherit;
font-size: 11px;
outline: none;
}
.newsletter input::placeholder {
color: rgba(255,255,255,.6);
}
.newsletter button {
border: 0;
background: #fff;
color: var(--green);
width: 42px;
cursor: pointer;
font-size: 16px;
} .main-navigation {
display: flex;
justify-content: center;
flex: 1 1 auto;
min-width: 0;
width: auto;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity .26s ease, transform .26s ease, visibility .26s;
display: block;
margin-top: 0;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
opacity: 0;
visibility: hidden;
transform: translateX(6px);
transition: opacity .26s ease, transform .26s ease, visibility .26s;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.main-navigation ul ul ul li:hover > ul,
.main-navigation ul ul ul li.focus > ul {
transform: translateX(0);
}
.main-navigation ul ul a {
width: 200px;
color: var(--ink);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .main-navigation li.menu-item-has-children:after,
.main-navigation li.page_item_has_children:after {
content: '\f107';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
color: var(--green);
font-size: 12px;
pointer-events: none;
}
.main-navigation ul ul li.menu-item-has-children:after,
.main-navigation ul ul li.page_item_has_children:after {
right: 10px;
color: var(--muted);
}
.main-navigation li.menu-item-has-children:hover:after,
.main-navigation li.page_item_has_children:hover:after {
color: var(--green-2);
} .main-navigation ul#primary-menu>li.menu-item-has-children>a,
.main-navigation ul#primary-menu>li.page_item_has_children>a,
.main-navigation div#primary-menu>ul>li.menu-item-has-children>a,
.main-navigation div#primary-menu>ul>li.page_item_has_children>a {
padding-right: 22px !important;
}
.main-navigation ul#primary-menu>li>a,
.main-navigation div#primary-menu>ul>li>a {
font-family: "Noto Sans Bengali", sans-serif;
font-size: 16px;
color: #405b54;
text-transform: none;
display: inline-block;
padding: 8px 10px;
letter-spacing: .2px;
font-weight: 500;
}
.main-navigation ul#primary-menu li.current-menu-item a,
.main-navigation ul#primary-menu li.current_page_item a,
.main-navigation ul#primary-menu li.current-menu-ancestor a,
.main-navigation ul#primary-menu li.current-menu-parent a,
.main-navigation ul#primary-menu li.current_page_ancestor a,
.main-navigation ul#primary-menu li.current_page_parent a {
color: var(--green);
font-weight: 700;
} .main-navigation ul#primary-menu>li.current-menu-item:before,
.main-navigation ul#primary-menu>li.current_page_item:before,
.main-navigation ul#primary-menu>li.current-menu-ancestor:before,
.main-navigation ul#primary-menu>li.current-menu-parent:before,
.main-navigation ul#primary-menu>li.current_page_ancestor:before,
.main-navigation ul#primary-menu>li.current_page_parent:before {
content: "";
position: absolute;
border-bottom: 2px solid var(--green);
width: 35%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
.main-navigation ul#primary-menu ul.sub-menu li:before {
content: none !important;
} body.home .main-navigation ul#primary-menu > li:first-child > a {
color: var(--green);
font-weight: 700;
}
body.home .main-navigation ul#primary-menu > li:first-child:before {
content: "";
position: absolute;
border-bottom: 2px solid var(--green);
width: 35%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
body.home .main-navigation ul#primary-menu > li.current-menu-ancestor:first-child > a:before,
body.home .main-navigation ul#primary-menu > li.current-menu-item:first-child > a:before { }
.main-navigation ul#primary-menu>li>a:hover {
color: var(--green);
}
.main-navigation ul#primary-menu .sub-menu,
.main-navigation #primary-menu .children {
background: #fff;
width: 220px;
text-align: left;
border: 1px solid #f5f5f5;
border-top: 4px solid var(--green);
border-radius: 5px;
z-index: 9999;
}
.main-navigation ul#primary-menu>li .sub-menu li,
.main-navigation #primary-menu>li .children li {
border-bottom: 1px solid #f5f5f5;
}
.main-navigation ul#primary-menu>li .sub-menu li:last-child {
border-bottom: 0;
}
.main-navigation ul#primary-menu>li .sub-menu a,
.main-navigation #primary-menu>li .children a {
display: block;
padding: 12px 15px;
letter-spacing: .2px;
font-weight: 400;
font-size: 15px;
color: #2f4a44;
}
.main-navigation ul#primary-menu>li .sub-menu a:hover {
background: #f6f7f2;
color: var(--green);
}
.main-navigation ul#primary-menu .sub-menu>li:hover>.sub-menu,
.main-navigation #primary-menu .children>li:hover>.children,
.main-navigation ul#primary-menu .sub-menu>li.focus>.sub-menu,
.main-navigation #primary-menu .children>li.focus>.children {
left: 100%;
}
.main-navigation li.page_item_has_children:hover ul.children,
.main-navigation li.menu-item-has-children:hover ul.sub-menu {
display: block;
} .main-navigation.toggled ul,
.main-navigation.toggled #primary-menu,
#site-navigation.toggled ul,
#site-navigation.toggled #primary-menu {
display: block !important;
}
.menu-toggle {
display: none !important;
background: #fff;
color: var(--green);
border: 1px solid var(--line);
border-radius: 7px;
padding: 9px 12px;
font-size: 16px;
cursor: pointer;
}
.menu-toggle:hover {
background: #f6f7f2;
} #site-navigation .menu-toggle {
display: none !important;
} @media screen and (min-width: 901px) {
.menu-toggle,
#site-navigation .menu-toggle {
display: none !important;
}
.main-navigation ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0;
padding: 0;
}
header.site-header .nav {
align-items: stretch;
}
.main-navigation ul#primary-menu > li {
display: flex;
align-items: center;
height: 88px;
}
.main-navigation ul#primary-menu > li > a,
.main-navigation div#primary-menu>ul>li>a {
display: flex;
align-items: center;
height: 100%;
}
} @media screen and (max-width: 900px) {
header.site-header .nav {
flex-wrap: wrap;
gap: 10px;
justify-content: center;
position: relative;
padding-top:70px;
}
.brand {
width: 100% !important;
justify-content: center;
text-align: center;
}
.brand .logo {
text-align: center;
}
nav.main-navigation {
display: block;
width: 100%;
text-align: center;
}
.search {
display: none !important;
}
#site-navigation .menu-toggle,
.menu-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
background: var(--green);
color: #fff;
border: 1px solid var(--green);
border-radius: 0;
padding: 10px 18px;
font-size: 21px;
line-height: 1;
}
.menu-toggle i {
font-size: 16px;
}
.main-navigation.toggled button i:before,
#site-navigation.toggled button i:before {
content: '\f00d';
}
.main-navigation #primary-menu,
#site-navigation #primary-menu,
body .main-navigation .menu .menu-mobile,
body .main-navigation #primary-menu.menu-mobile {
display: none !important;
background: #fff !important;
background-color: #fff !important;
-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
z-index: 999;
margin: 0;
width: 260px;
max-height: 78vh;
overflow-y: auto;
border: 1px solid #f5f5f5;
border-top: 4px solid var(--green);
border-radius: 5px;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.main-navigation.toggled #primary-menu,
#site-navigation.toggled #primary-menu,
.main-navigation.toggled ul#primary-menu,
#site-navigation.toggled ul#primary-menu {
display: inline-block !important;
text-align: left;
} .main-navigation ul#primary-menu>li {
background: #fff;
display: block;
border: 1px solid #eef2ec;
border-left: 3px solid transparent;
border-radius: 8px;
margin: 6px 10px;
padding: 2px;
transition: background .2s, border-color .2s;
}
.main-navigation ul#primary-menu>li.focus {
background: #eef6ee;
border-left-color: var(--green);
}
.main-navigation ul#primary-menu>li > a,
.main-navigation div#primary-menu>ul>li > a {
display: block;
width: 100%;
padding: 10px 44px 10px 12px;
color: #1a3a32;
font-weight: 700;
font-size: 14px;
border-radius: 6px;
}
.main-navigation ul#primary-menu>li.focus > a {
color: var(--green);
background: #e8f3e9;
}
.main-navigation ul li,
.main-navigation ul#primary-menu>li .sub-menu li,
.main-navigation ul#primary-menu>li .children li {
background: transparent;
display: block;
border-bottom: 1px solid #eef4ea;
}
.main-navigation ul#primary-menu>li .sub-menu li:last-child {
border-bottom: none;
}
.main-navigation ul li:hover,
.main-navigation ul#primary-menu>li .sub-menu li:hover {
background: transparent;
}
.main-navigation ul#primary-menu>li>a:hover {
color: var(--green);
background: #fafaff;
}
.main-navigation ul#primary-menu>li.current-menu-item>a:before {
display: none;
}
.main-navigation li.menu-item-has-children:after {
right: 12px;
color: var(--muted);
padding: 6px;
transition: transform .22s ease;
}
.main-navigation li.menu-item-has-children.focus:after,
.main-navigation li.page_item_has_children.focus:after {
transform: translateY(-50%) rotate(180deg);
color: var(--green);
} .main-navigation li.menu-item-has-children,
.main-navigation li.page_item_has_children {
position: relative;
}
.submenu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
background: #f1f7ee;
border: 1px solid #dfe8dd;
border-radius: 6px;
color: var(--green);
cursor: pointer;
z-index: 2;
}
.submenu-toggle i {
font-size: 10px;
transition: transform .22s;
}
li.focus > .submenu-toggle i {
transform: rotate(180deg);
} .main-navigation li.menu-item-has-children:after,
.main-navigation li.page_item_has_children:after {
display: none !important;
}
.main-navigation ul ul {
box-shadow: none;
float: none;
position: static !important;
left: 0 !important;
top: 0 !important;
margin: 6px 0 0 0 !important;
width: 100% !important;
min-width: 100% !important;
border: 1px solid #e3ebe3;
border-left: 3px solid #a8d5b5;
border-radius: 8px;
background: #f8faf7;
display: block !important;
clear: both;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: max-height .32s ease, opacity .26s ease, transform .26s ease, visibility .26s;
box-sizing: border-box;
padding: 4px;
} .main-navigation ul li.focus > ul {
max-height: 1200px;
opacity: 1;
visibility: visible;
transform: translateY(0);
display: block !important;
left: 0 !important;
position: static !important;
width: 100% !important;
clear: both;
background: #f8faf7;
}
.main-navigation ul ul li {
display: block !important;
width: 100% !important;
float: none !important;
clear: both;
}
.main-navigation ul ul li.menu-item-has-children:after {
right: 12px;
}
.main-navigation ul#primary-menu .sub-menu>li.focus>.sub-menu {
left: 0;
top: 0;
}
.main-navigation ul ul a {
width: 100%;
padding: 10px 12px 10px 32px !important;
font-size: 13px !important;
color: #2f4a44 !important;
background: transparent !important;
border-radius: 6px;
position: relative;
}
.main-navigation ul ul a::before {
content: "—";
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #8bb89a;
font-size: 10px;
}
.main-navigation ul ul a:hover {
background: #eef6ee !important;
color: var(--green) !important;
}
.main-navigation ul ul ul a {
padding-left: 44px !important;
}
.main-navigation ul ul ul a::before {
left: 26px;
}
} .submenu-toggle { display: none !important; } .site-main .entry-content,
.site-main .page-content,
.site-main .parent-page-content { font-size: 15pt !important; line-height: 1.9 !important; }
.site-main .entry-content p,
.site-main .entry-content li,
.site-main .entry-content div,
.site-main .page-content p,
.site-main .page-content li,
.site-main .page-content div,
.site-main .parent-page-content p,
.site-main .parent-page-content li,
.site-main .parent-page-content div { font-size: 15pt; line-height: 1.9; }
.site-main .entry-title { font-size: 28pt !important; line-height: 1.25; } .site-main .page-header .page-title { font-size: 26pt !important; }
.widget-area .widget-title { font-size: 16pt !important; } .topbar { font-size: 10.5pt; }
.tagline { font-size: 11.5pt; }
.logo { font-size: 42pt; } .main-navigation ul#primary-menu>li>a,
.main-navigation div#primary-menu>ul>li>a { font-size: 12pt; }
.main-navigation ul#primary-menu>li .sub-menu a { font-size: 11pt; } .hero h1 { font-size: 34pt !important; line-height: 1.15; }
.hero .issue { font-size: 16pt; }
.hero p { font-size: 12.5pt !important; line-height: 1.7; }
.btn { font-size: 10.5pt; } .section-title { font-size: 20pt !important; }
.more { font-size: 10pt; }
.card h3 { font-size: 14pt !important; line-height: 1.3; }
.card p { font-size: 10.5pt !important; line-height: 1.6; }
.arrow { font-size: 14pt; } .feature-body h2 { font-size: 18pt !important; line-height: 1.3; }
.feature-body p { font-size: 11.5pt !important; line-height: 1.75; }
.author { font-size: 9.5pt; }
.list-title { font-size: 14pt !important; }
.mini h4 { font-size: 11pt !important; line-height: 1.4; }
.mini small { font-size: 9pt; }
.quote-card p { font-size: 16pt !important; line-height: 1.65; }
.lit span { font-size: 10.5pt; }
.panel-title { font-size: 15pt !important; }
.news-row h4 { font-size: 11pt !important; line-height: 1.45; }
.news-row small { font-size: 8.5pt; }
.rank span { font-size: 10.5pt; }
.number { font-size: 13pt; }
select { font-size: 10pt; }
.issue-card h3 { font-size: 12pt; }
.cover-title { font-size: 28pt; }
.cover small { font-size: 9pt; } .site-main .entry-meta { font-size: 9.5pt; }
.pagination .nav-links a,
.pagination .nav-links span { font-size: 10pt; } footer p, footer a { font-size: 10.5pt; line-height: 1.85; }
footer h4 { font-size: 11pt; }
.copyright { font-size: 9pt; }
.newsletter input, .newsletter input::placeholder, .search input[type="search"] { font-size: 10pt; }
@media (max-width: 800px) {
.hero h1 { font-size: 28pt !important; }
.section-title { font-size: 18pt !important; }
.feature-body h2 { font-size: 16pt !important; }
.quote-card p { font-size: 14pt !important; }
}
@media (max-width: 480px) {
body { font-size: 14pt; }
.site-main .entry-content,
.site-main .page-content,
.site-main .parent-page-content { font-size: 14pt !important; }
.hero h1 { font-size: 24pt !important; }
} .urmi-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
.urmi-lightbox.is-open{display:flex;}
.urmi-lb-backdrop{position:absolute;inset:0;background:rgba(4,57,48,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.urmi-lb-content{position:relative;z-index:1;width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.urmi-lb-img{max-width:min(92vw,1100px);max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.45),0 2px 10px rgba(0,0,0,.25);background:#fff;pointer-events:auto;transition:transform .25s ease;cursor:zoom-in;display:block;}
.urmi-lb-img.is-zoomed{transform:scale(1.65);cursor:zoom-out;max-height:none;max-width:none;width:min(96vw,1400px);height:auto;}
.urmi-lb-caption{margin-top:10px;background:rgba(255,255,255,.96);border:1px solid #e7e9df;color:var(--ink);font:600 10.5pt "Noto Sans Bengali",sans-serif;line-height:1.5;padding:7px 12px;border-radius:20px;max-width:90vw;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.12);pointer-events:auto;}
.urmi-lb-counter{margin-top:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:9pt;padding:3px 8px;border-radius:20px;pointer-events:auto;}
.urmi-lb-close,.urmi-lb-prev,.urmi-lb-next{position:absolute;pointer-events:auto;border:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.96);color:var(--green);border:1px solid #e7e9df;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .15s,background .15s;}
.urmi-lb-close{top:-10px;right:-10px;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;}
.urmi-lb-close:hover{background:#fff;transform:scale(1.05);}
.urmi-lb-prev,.urmi-lb-next{top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;}
.urmi-lb-prev{left:-8px;}
.urmi-lb-next{right:-8px;}
.urmi-lb-prev:hover,.urmi-lb-next:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.urmi-lb-prev:active,.urmi-lb-next:active{transform:translateY(-50%) scale(.97);}
@media(max-width:700px){
.urmi-lb-img{max-height:70vh;}
.urmi-lb-img.is-zoomed{transform:scale(1.35);}
.urmi-lb-prev{left:4px;}
.urmi-lb-next{right:4px;}
.urmi-lb-close{top:4px;right:4px;}
} .entry-content img, .page-content img, .parent-page-content img, .article img, .site-main img{transition:filter .15s;}
.entry-content img:hover, .page-content img:hover, .parent-page-content img:hover, .article img:hover{filter:brightness(1.02);}