/* ============================================================
   MNS HOMEPAGE REDESIGN
   ============================================================ */

/* ── FOOTER ─────────────────────────────────────────────────── */

footer {
  background: #23277D !important;
}

/* Remove the world-map background image, clean padding */
footer .world-image {
  background-image: none !important;
  padding: 64px 0 48px !important;
}

/* Footer row alignment */
footer .footer-content {
  align-items: flex-start !important;
}

/* ── Column headings ── */
footer .footer-content h3 {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #FBBF01 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  margin-bottom: 24px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ── Contact column ── */
footer .contact {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

footer .contact .icon {
  width: 42px !important;
  height: 42px !important;
  background: rgba(251,191,1, 0.12) !important;
  border: 1px solid rgba(251,191,1, 0.25) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

footer .contact .icon svg {
  width: 18px !important;
  height: 18px !important;
}

footer .contact .text h4,
footer .contact .text a h4 {
  color: #c8d6e5 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

footer .contact .text a {
  text-decoration: none !important;
  color: inherit !important;
}

footer .contact .text a:hover h4 {
  color: #FBBF01 !important;
}

footer .address h5 {
  color: #8fa3b8 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  margin-top: 8px !important;
}

/* ── Quick Links column ── */
footer #block-quiklinks ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer #block-quiklinks ul li {
  padding: 5px 0 !important;
  border: none !important;
}

footer #block-quiklinks ul li::before {
  content: '→ ' !important;
  color: #FBBF01 !important;
  font-size: 12px !important;
}

footer #block-quiklinks h5 {
  display: inline !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

footer #block-quiklinks h5 a {
  color: #c8d6e5 !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}

footer #block-quiklinks h5 a:hover {
  color: #FBBF01 !important;
}

/* ── Map column ── */
footer .form-wrapper {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

footer .form-wrapper iframe {
  display: block !important;
  height: 280px !important;
  width: 100% !important;
  border: none !important;
}

/* ── Copyright bar ── */
.copy-right {
  background: rgba(0, 0, 0, 0.25) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  padding: 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.copy-right .footer-logo {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
}

.copy-right .footer-logo img {
  height: 44px !important;
  width: auto !important;
}

.copy-right .copyright-text p,
.copy-right .copyright-text span {
  color: #8fa3b8 !important;
  font-size: 13px !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.copy-right .copyright-text a {
  color: #c8d6e5 !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}

.copy-right .copyright-text a:hover {
  color: #FBBF01 !important;
}

/* ── Section base colours & spacing ───────────────────────── */
.home3-blog,
.home3-gallery,
.home3-volunteer,
.home3-clients {
  background-image: none !important;
}

.home3-blog      { background: #f4f7fb !important; padding: 80px 0 !important; }
.home3-gallery   { background: #ffffff !important; padding: 80px 0 !important; }
.home3-volunteer { background: #f4f7fb !important; padding: 80px 0 !important; }
.home3-clients   { background: #ffffff !important; padding: 60px 0 !important; }

/* ── Unified section title ──────────────────────────────────── */
.home3-title-center,
.home3-title {
  margin-bottom: 48px !important;
}

.home3-title-center span,
.home3-title span {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  border: none !important;
  background: transparent !important;
  padding: 0 0 5px !important;
  margin-bottom: 10px !important;
  border-bottom: 2px solid #FBBF01 !important;
  border-radius: 0 !important;
}

.home3-title-center h2,
.home3-title h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
}

/* ── NEWS / BLOG ───────────────────────────────────────────── */

/* Section wrapper */
.home3-blog.home-page {
  background: #f4f7fb !important;
  padding: 72px 0 80px !important;
}

/* Full-width header row: title left + "View All News" right */
.mns-news-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 36px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border-bottom: 2px solid #e2eaf4 !important;
  padding-bottom: 20px !important;
}
.mns-news-header-title .mns-news-tag {
  display: block !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  margin-bottom: 4px !important;
}
.mns-news-header-title h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(22px, 2.8vw, 30px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
}
.mns-news-viewall {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  transition: color 0.2s !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}
.mns-news-viewall:hover { color: #FBBF01 !important; }
.mns-news-viewall span { font-size: 16px !important; }

/* News section: center the section title, keep "View All" right-anchored */
.home3-blog .mns-news-header {
  position: relative !important;
  justify-content: center !important;
  text-align: center !important;
}
.home3-blog .mns-news-header .mns-news-viewall {
  position: absolute !important;
  right: 0 !important;
  bottom: 20px !important;
}

/* Sidebar columns — visible, full height */
.home3-blog .mns-news-sidebar {
  display: flex !important;
  padding: 0 8px !important;
}

/* Main news column */
.home3-blog .home3-blog-block {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 8px !important;
}

/* ── STICKY AD BANNERS — hidden for now ── */
.mns-sticky-banner { display: none !important; }

/* ── AD SLOT (200×800 ministry promotion space) ──────────── */
.mns-ad-slot {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.mns-ad-placeholder-img {
  width: 100% !important;
  height: 600px !important;
  max-width: 200px !important;
  object-fit: fill !important;
  display: block !important;
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  .home3-blog .mns-news-sidebar { display: none !important; }
  .home3-blog .home3-blog-block { padding: 0 !important; }
}

/* News cards: each col-lg-4 is one card */
.home3-blog .blog1 .col-lg-4 {
  margin-bottom: 0 !important;
  padding: 0 12px !important;
}

/* Card shell */
.home3-blog .blog1 .col-lg-4 {
  display: flex !important;
  flex-direction: column !important;
}

.home3-blog .blog-thumbnail + .blog-content,
.home3-blog .blog-thumbnail ~ .blog-content {
  flex: 1 !important;
}

/* Wrap thumbnail + content as a card */
.home3-blog .blog1 .col-lg-4 > div:first-child {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 20px rgba(1,30,82,0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.home3-blog .blog1 .col-lg-4 > div:first-child:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 40px rgba(1,30,82,0.14) !important;
}

/* Thumbnail image */
.home3-blog .blog-thumbnail {
  height: 220px !important;
  overflow: hidden !important;
}

.home3-blog .blog-thumbnail a.img-wrapper {
  display: block !important;
  height: 100% !important;
}

.home3-blog .blog-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.home3-blog .col-lg-4 > div:hover .blog-thumbnail img {
  transform: scale(1.05) !important;
}

/* Blog content area */
.home3-blog .blog-content {
  padding: 22px 22px 24px !important;
  border-top: 3px solid #FBBF01 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Date */
.home3-blog .blog-content > span,
.home3-blog .blog-content .datetime {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: #2F34A6 !important;
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  width: fit-content !important;
}

/* Title */
.home3-blog .blog-content h4 a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  transition: color 0.25s !important;
  display: block !important;
}

.home3-blog .blog-content h4 a:hover {
  color: #FBBF01 !important;
}

/* Excerpt */
.home3-blog .blog-content p {
  font-size: 14px !important;
  color: #111111 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Read More */
.home3-blog .blog-content a.read {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.25s !important;
  margin-top: 4px !important;
}

.home3-blog .blog-content a.read::after {
  content: ' →' !important;
}

.home3-blog .blog-content a.read:hover {
  color: #FBBF01 !important;
}

/* View More button */
.home3-blog a.center-btn {
  display: inline-block !important;
  margin-top: 40px !important;
  padding: 12px 32px !important;
  background: #2F34A6 !important;
  color: #ffffff !important;
  border: 2px solid #2F34A6 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background 0.3s, border-color 0.3s, color 0.3s !important;
}

.home3-blog a.center-btn:hover {
  background: #FBBF01 !important;
  border-color: #FBBF01 !important;
  color: #2F34A6 !important;
}

/* ── GALLERY ───────────────────────────────────────────────── */

.home3-gallery {
  background: #ffffff !important;
  padding: 48px 0 60px !important;
}

/* Section header row */
.mns-gallery-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #e2eaf4 !important;
}

.mns-gallery-tag {
  display: block !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  margin-bottom: 3px !important;
}

.mns-gallery-header h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(20px, 2.5vw, 28px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 8px !important;
}

.mns-gallery-accent {
  width: 36px !important;
  height: 3px !important;
  background: #FBBF01 !important;
  border-radius: 2px !important;
}

.mns-gallery-viewall {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 4px !important;
  transition: color 0.2s !important;
}

.mns-gallery-viewall:hover {
  color: #FBBF01 !important;
}

/* 2×2 gallery grid */
.mns-gallery-strip .row,
.mns-gallery-strip .filter-item1 {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -5px !important;
  overflow: hidden !important;
  row-gap: 8px !important;
}

.mns-gallery-strip [class*="col-"] {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  padding: 0 5px !important;
  min-width: 0 !important;
}

.mns-gallery-strip .img-wrapper,
.mns-gallery-strip .img-wrapper.h-2 {
  height: 185px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  position: relative !important;
  margin: 0 !important;
}

.mns-gallery-strip .img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.mns-gallery-strip .img-wrapper:hover img {
  transform: scale(1.06) !important;
}

/* Hide popup icon and title overlay inside strip */
.mns-gallery-strip .img-wrapper .content-wrapper,
.mns-gallery-strip .img-wrapper .svg-wrapper {
  display: none !important;
}

@media (max-width: 767px) {
  .mns-gallery-strip .row,
  .mns-gallery-strip .filter-item1 {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  .mns-gallery-strip [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 10px !important;
  }
}

/* ── POTW + GALLERY COMBINED SECTION ────────────────────────── */

/* Hide the standalone gallery paragraph on front page */
.path-frontpage .paragraph--type--gallery-style-3,
.path-frontpage .home3-gallery {
  display: none !important;
}

.mns-pg-section {
  background: #ffffff !important;
  padding: 48px 0 60px !important;
}

/* Two-column row; partition is border-right on POTW col */
.mns-pg-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}

/* LEFT: POTW column */
.mns-pg-potw-col {
  width: 42% !important;
  flex-shrink: 0 !important;
  padding-right: 32px !important;
  border-right: 2px solid #e2eaf4 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* RIGHT: Gallery column */
.mns-pg-gallery-col {
  flex: 1 !important;
  min-width: 0 !important;
  padding-left: 32px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ── Column header: gold tag + navy h2 + gold accent bar ── */
.mns-pg-col-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

.mns-pg-col-header-left {
  display: flex !important;
  flex-direction: column !important;
}

.mns-pg-col-tag {
  display: block !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  margin-bottom: 4px !important;
}

.mns-pg-col-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 10px !important;
  line-height: 1.1 !important;
}

.mns-pg-col-accent {
  width: 36px !important;
  height: 3px !important;
  background: #FBBF01 !important;
  border-radius: 2px !important;
}

.mns-pg-viewall {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: color 0.2s !important;
  margin-bottom: 4px !important;
  white-space: nowrap !important;
}

.mns-pg-viewall:hover {
  color: #FBBF01 !important;
}

/* POTW card: image + overlay, fills remaining column height */
.mns-pg-potw-card {
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex: 1 !important;
  min-height: 380px !important;
}

.mns-pg-potw-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

/* Navy gradient at bottom */
.mns-pg-potw-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(1,30,82,0.92) 0%, rgba(1,30,82,0.5) 38%, transparent 65%) !important;
  z-index: 1 !important;
}

/* Camera badge top-left */
.mns-pg-potw-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  background: rgba(1,30,82,0.75) !important;
  color: #FBBF01 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  z-index: 2 !important;
}

.mns-pg-potw-badge svg {
  stroke: #FBBF01 !important;
  flex-shrink: 0 !important;
}

/* Description + link at bottom of photo */
.mns-pg-potw-info {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 16px 18px !important;
  z-index: 2 !important;
}

.mns-pg-potw-info p {
  font-size: 12px !important;
  color: rgba(255,255,255,0.85) !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.mns-pg-potw-link {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #FBBF01 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: color 0.2s !important;
}

.mns-pg-potw-link:hover {
  color: #ffffff !important;
}

/* Gallery strip: same height as POTW card; 4 images only */
.mns-pg-gallery-col .mns-gallery-strip {
  flex: 1 !important;
}

.mns-pg-gallery-col .mns-gallery-strip .img-wrapper,
.mns-pg-gallery-col .mns-gallery-strip .img-wrapper.h-2 {
  height: 260px !important;
}

.mns-pg-gallery-col .mns-gallery-strip [class*="col-"]:nth-child(n+5) {
  display: none !important;
}

@media (max-width: 767px) {
  .mns-pg-row { flex-direction: column !important; }
  .mns-pg-potw-col { width: 100% !important; border-right: none !important; padding-right: 0 !important; border-bottom: 2px solid #e2eaf4 !important; padding-bottom: 24px !important; margin-bottom: 24px !important; }
  .mns-pg-gallery-col { padding-left: 0 !important; }
  .mns-pg-potw-card { min-height: 240px !important; }
}

/* ── PHOTO OF THE WEEK (legacy banner styles kept for reference) */

.home3-volunteer,
.mns-potw-section {
  background: #f4f7fb !important;
  background-image: none !important;
  padding: 56px 0 !important;
}

/* Banner card */
.mns-potw-banner {
  display: flex !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  height: 300px !important;
  box-shadow: 0 8px 40px rgba(1,30,82,0.18) !important;
}

/* Left photo */
.mns-potw-image {
  width: 55% !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #2F34A6 !important;
}
.mns-potw-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

/* Gradient fade: only covers the rightmost 28% of the photo */
.mns-potw-image::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 28% !important;
  background: linear-gradient(to right, transparent 0%, rgba(1,30,82,0.85) 75%, #2F34A6 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.mns-potw-banner:hover .mns-potw-image img { transform: scale(1.03) !important; }

/* Right navy content panel */
.mns-potw-content {
  background: #2F34A6 !important;
  flex: 1 !important;
  padding: 28px 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}

/* "📷 PHOTO OF THE WEEK" label */
.mns-potw-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #FBBF01 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
}
.mns-potw-label svg { flex-shrink: 0 !important; }

/* Gold underline accent */
.mns-potw-divider {
  width: 36px !important;
  height: 2.5px !important;
  background: #FBBF01 !important;
  border-radius: 2px !important;
  margin: 2px 0 4px !important;
}

/* Title */
.mns-potw-content h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* Description */
.mns-potw-content p {
  font-size: 14px !important;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 500px !important;
}

/* Read More button */
.mns-potw-btn {
  display: inline-flex !important;
  align-items: center !important;
  background: #FBBF01 !important;
  color: #2F34A6 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: background 0.25s !important;
  align-self: flex-start !important;
  margin-top: 6px !important;
}
.mns-potw-btn:hover { background: #d4a200 !important; color: #2F34A6 !important; }

@media (max-width: 767px) {
  .mns-potw-banner { flex-direction: column !important; height: auto !important; }
  .mns-potw-image { width: 100% !important; height: 220px !important; }
  .mns-potw-content { padding: 24px 20px !important; }
}

/* ── DEPARTMENTS & AGENCIES (Slick carousel) ───────────────── */

.home3-clients .home3-title-center {
  text-align: center !important;
  margin-bottom: 40px !important;
}

/* Individual slide — plain, no card box, just the circular logo + label */
.home3-clients .slide {
  position: relative !important;
  text-align: center !important;
  margin: 0 10px !important;
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 16px !important;
  transition: transform 0.3s !important;
  height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
}

.home3-clients .slide:hover {
  transform: translateY(-4px) !important;
}

.home3-clients .slide img {
  height: 150px !important;
  width: 150px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.home3-clients .slide h3 {
  position: static !important;
  transform: none !important;
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  width: 100% !important;
  cursor: default !important;
}

.home3-clients .slide a {
  text-decoration: none !important;
}

/* ── Departments & Agencies title — same size as Social Media Presence ── */
.home3-clients .home3-title-center h2,
.mns-agencies-section .home3-title-center h2 {
  font-size: clamp(22px, 2.8vw, 32px) !important;
}

/* ── SOCIAL MEDIA ──────────────────────────────────────────── */

.mns-social-section {
  background: #f4f7fb !important;
  padding: 72px 0 80px !important;
}

.mns-social-header {
  text-align: center !important;
  margin-bottom: 48px !important;
}

.mns-social-tag {
  display: inline-block !important;
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  border: 1.5px solid rgba(251,191,1,0.45) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 14px !important;
}

.mns-social-header h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(22px, 2.8vw, 32px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 0 0 14px !important;
}

.mns-social-accent {
  width: 44px !important;
  height: 3px !important;
  background: #FBBF01 !important;
  margin: 0 auto !important;
  border-radius: 2px !important;
}

.mns-social-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.mns-social-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e2eaf4 !important;
  box-shadow: 0 4px 24px rgba(1,30,82,0.08) !important;
  overflow: hidden !important;
}

.mns-social-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid #f0f4f9 !important;
}

.mns-social-card--facebook .mns-social-card-header {
  border-top: 4px solid #1877F2 !important;
}

.mns-social-card--instagram .mns-social-card-header {
  border-top: 4px solid #e1306c !important;
}

.mns-social-card--twitter .mns-social-card-header {
  border-top: 4px solid #000000 !important;
}

.mns-social-icon {
  flex-shrink: 0 !important;
}

.mns-social-platform-name {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  flex: 1 !important;
}

.mns-social-follow-btn {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  border: 1.5px solid #2F34A6 !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
  white-space: nowrap !important;
}

.mns-social-follow-btn:hover {
  background: #2F34A6 !important;
  color: #FBBF01 !important;
  text-decoration: none !important;
}

.mns-social-card-body {
  padding: 0 !important;
  min-height: 500px !important;
  max-height: none !important;
  overflow: visible !important;
}

.mns-social-card-body iframe {
  max-height: none !important;
}

.mns-social-card-body iframe {
  display: block !important;
  width: 100% !important;
  border: none !important;
}


@media (max-width: 991px) {
  .mns-social-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .mns-social-card:last-child {
    grid-column: span 2 !important;
  }
}

@media (max-width: 600px) {
  .mns-social-cards {
    grid-template-columns: 1fr !important;
  }
  .mns-social-card:last-child {
    grid-column: span 1 !important;
  }
}

/* ── PHOTO OF THE WEEK SIDEBAR ─────────────────────────────── */

.mns-potw-sidebar {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.mns-potw-sidebar-heading {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  padding: 0 4px !important;
}

.mns-potw-sidebar-heading-bar {
  width: 4px !important;
  height: 22px !important;
  background: #FBBF01 !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

.mns-potw-sidebar-heading h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
}

/* Card wrap: positions the badge + gallery view */
.mns-potw-sidebar-card-wrap {
  position: relative !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  flex: 1 !important;
}

/* Camera badge (top-left overlay) */
.mns-potw-sidebar-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(1,30,82,0.80) !important;
  color: #FBBF01 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 20px !important;
  backdrop-filter: blur(4px) !important;
}

/* Gallery view overrides: show only first photo, full-width */
.mns-potw-sidebar-card-wrap .row {
  margin: 0 !important;
  display: block !important;
  height: 100% !important;
}

.mns-potw-sidebar-card-wrap [class*="col-"]:not(:first-child) {
  display: none !important;
}

.mns-potw-sidebar-card-wrap [class*="col-"]:first-child {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

/* Photo fills the sidebar height */
.mns-potw-sidebar-card-wrap .img-wrapper {
  height: 420px !important;
  min-height: 380px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.mns-potw-sidebar-card-wrap .img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.45s ease !important;
}

.mns-potw-sidebar-card-wrap:hover .img-wrapper img {
  transform: scale(1.04) !important;
}

/* Dark gradient from bottom */
.mns-potw-sidebar-card-wrap .img-wrapper::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(1,30,82,0.92) 0%, rgba(1,30,82,0.35) 55%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Title overlay at bottom of photo */
.mns-potw-sidebar-card-wrap .img-wrapper .content-wrapper {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 18px 16px !important;
  z-index: 2 !important;
}

.mns-potw-sidebar-card-wrap .img-wrapper .content-wrapper h3 {
  margin: 0 !important;
}

.mns-potw-sidebar-card-wrap .img-wrapper .content-wrapper h3 a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  transition: color 0.2s !important;
  display: block !important;
}

.mns-potw-sidebar-card-wrap .img-wrapper .content-wrapper h3 a:hover {
  color: #FBBF01 !important;
}

/* Hide the popup zoom SVG link */
.mns-potw-sidebar-card-wrap .img-wrapper .content-wrapper a.popup-img {
  display: none !important;
}

/* ── NEWS SIDEBAR WIDGETS ──────────────────────────────────── */

.mns-sidebar-widget {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid #e2eaf4 !important;
  box-shadow: 0 2px 20px rgba(1,30,82,0.07) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.mns-sidebar-widget-header {
  background: #2F34A6 !important;
  padding: 18px 20px 16px !important;
  border-bottom: 3px solid #FBBF01 !important;
}

.mns-sidebar-widget-header--flex {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.mns-sidebar-widget-tag {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #FBBF01 !important;
  margin-bottom: 4px !important;
}

.mns-sidebar-widget-header h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.mns-sidebar-viewall {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #FBBF01 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  margin-top: 18px !important;
  flex-shrink: 0 !important;
  transition: color 0.2s !important;
}

.mns-sidebar-viewall:hover {
  color: #d4a200 !important;
}

/* ── Recent News sidebar posts ── */

.mns-sidebar-recent-posts {
  flex: 1 !important;
  overflow-y: auto !important;
}

.mns-sidebar-recent-posts .blog-wrapper.sidebar {
  padding: 0 !important;
  background: transparent !important;
}

.mns-sidebar-recent-posts .blog-wrapper.sidebar > ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mns-sidebar-recent-posts .blog-wrapper.sidebar > ul > li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #f0f4f9 !important;
  transition: background 0.2s !important;
}

.mns-sidebar-recent-posts .blog-wrapper.sidebar > ul > li:last-child {
  border-bottom: none !important;
}

.mns-sidebar-recent-posts .blog-wrapper.sidebar > ul > li:hover {
  background: #f8fafc !important;
}

.mns-sidebar-recent-posts .img-wrapper {
  width: 72px !important;
  min-width: 72px !important;
  height: 60px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}

.mns-sidebar-recent-posts .img-wrapper a {
  display: block !important;
  height: 100% !important;
}

.mns-sidebar-recent-posts .img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.mns-sidebar-recent-posts li:hover .img-wrapper img {
  transform: scale(1.06) !important;
}

.mns-sidebar-recent-posts .content-wrapper {
  flex: 1 !important;
  min-width: 0 !important;
}

.mns-sidebar-recent-posts .content-wrapper h6 {
  margin: 0 0 5px !important;
  line-height: 1.35 !important;
}

.mns-sidebar-recent-posts .content-wrapper h6 a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2F34A6 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s !important;
}

.mns-sidebar-recent-posts .content-wrapper h6 a:hover {
  color: #FBBF01 !important;
}

.mns-sidebar-recent-posts .publish-wrapper {
  font-size: 11px !important;
  color: #8fa3b8 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.mns-sidebar-recent-posts .publish-wrapper svg {
  display: none !important;
}

/* ── Departments & Agencies sidebar grid ── */

.mns-agency-grid-wrapper {
  padding: 12px !important;
  flex: 1 !important;
}

.mns-agency-grid-wrapper .carousel1 {
  padding: 0 !important;
}

.mns-agency-grid-wrapper .dots1 {
  padding: 0 !important;
}

/* Force OWL carousel → static 2-column grid */
.mns-agency-grid-wrapper .owl-stage-outer {
  overflow: visible !important;
}

.mns-agency-grid-wrapper .owl-stage {
  transform: none !important;
  width: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.mns-agency-grid-wrapper .owl-item {
  width: 50% !important;
  float: none !important;
  padding: 4px !important;
}

.mns-agency-grid-wrapper .owl-nav,
.mns-agency-grid-wrapper .owl-dots {
  display: none !important;
}

.mns-agency-grid-wrapper .item {
  background: #f4f7fb !important;
  border: 1px solid #e2eaf4 !important;
  border-radius: 10px !important;
  padding: 10px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 72px !important;
}

.mns-agency-grid-wrapper .item img {
  max-height: 52px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}


/* Footer ministry name beside COA */
.footer-ministry-name {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  line-height: 1.25;
}

.footer-ministry-name span {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #fff !important;
}

/* ============================================================
   GALLERY ALBUM DETAIL PAGE (node--gallery.html.twig)
   ============================================================ */
.gallery-details {
  padding: 48px 0 72px;
  background: #f8f9fc;
}

.mns-gallery-detail-header {
  text-align: center;
  margin-bottom: 36px;
}

.mns-gallery-detail-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(26px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  color: #2F34A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 10px !important;
  line-height: 1.15 !important;
}

.mns-gallery-detail-date {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #FBBF01;
  border: 1.5px solid rgba(251,191,1,0.4);
  padding: 4px 16px;
  border-radius: 20px;
}

.mns-gallery-photos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.mns-gallery-photo-link {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(47,52,166,0.08);
  aspect-ratio: 1 / 1;
}

.mns-gallery-photo-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.mns-gallery-photo-link:hover img {
  transform: scale(1.06);
}

@media (max-width: 991px) {
  .mns-gallery-photos-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
  .mns-gallery-photos-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}