/* =========================================================
   custom-overrides-final.css - Final consolidated override
   Based on your v4 "old css" with focused fixes:
   - stable header/nav left alignment
   - hero/carousel visibility & title below image
   - tab thumbnails (square) show only original image
   - featured heading and featured article text restored
   - removes duplicate widgets, prevents horizontal overflow
   Load this LAST after theme & plugin CSS.
   ========================================================= */

/* ---------- ROOT VARIABLES ---------- */
:root{
  --wf-accent: #1151d3;
  --wf-accent-dark: #202f5b;
  --wf-card-bg: #ffffff;
  --wf-ghost: rgba(255,255,255,0.92);
  --wf-fallback-img: url("images/dummy.jpg");
}

/* Keep skip-link accessible for keyboard users, hidden otherwise. */
.skip-link.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}
.skip-link.screen-reader-text:focus {
  clip: auto !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  left: 8px !important;
  top: 8px !important;
  z-index: 99999 !important;
  background: #fff !important;
  color: #1d4ed8 !important;
  border-radius: 4px !important;
}

/* Keep all WordPress screen-reader helper text visually hidden by default. */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}
.screen-reader-text:focus,
.screen-reader-text:active {
  clip: auto !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

/* ---------- SITE TOPBAR ---------- */
.site-topbar { background:#142843; color:#fff; font-size:12px; }

/* ---------- HEADER / NAV / LOGO ---------- */
/* header shell */
.site-header, .header, .m-header {
  width:100%;
  background: transparent;
  position: relative;
  z-index: 60;
}

/* constrained header container & make a predictable flex layout */
.site-header .container, .header .container, .m-header .container,
.mg-menu-full .container-fluid {
  max-width:1180px;
  margin:0 auto;
  padding:0 14px;
  box-sizing:border-box;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  justify-content: space-between !important;
}

/* neutralize negative row margins that break header alignment */
.site-header .row.align-items-center,
.header .row.align-items-center,
.mg-nav-widget-area .row.align-items-center { margin-left:0 !important; margin-right:0 !important; }

/* navbar container */
.site-header .navbar, .header .navbar, .m-header .navbar,
.mg-menu-full nav .navbar {
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  background: var(--wf-accent-dark) !important;
  border: none;
  box-sizing: border-box;
}

/* MAIN NAV: left aligned, single-line default */
.navbar-nav, .main-navigation .navbar-nav, .mg-menu-full .navbar-nav {
  display:flex !important;
  gap:8px !important;
  margin-left:0 !important;
  margin-right:auto !important; /* push other header items to the right */
  list-style:none !important;
  justify-content:flex-start !important;
  white-space: nowrap !important;
  overflow-x: visible !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box;
}

/* force nav items inline and not to wrap */
.navbar-nav.mr-auto,
.navbar-nav > li,
.main-navigation .navbar-nav > li {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* reduce anchor spacing so more fit in one line */
.navbar-nav > li > a,
.main-navigation .navbar-nav > li > a {
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
  box-sizing: border-box;
  color: var(--wf-ghost) !important;
}

/* logo constraints */
.site-logo,
.site-header .site-logo,
.header .site-logo {
  max-width: 260px !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.site-logo img { max-width: 100% !important; height: auto !important; display:block !important; }

/* right-side icons remain at far right */
.header .icons-right,
.header .top-right-icons,
.desk-header .btn-bell,
.desk-header,
.mg-menu-full .desk-header {
  order: 2 !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* hide duplicate left icons injected by some theme variations */
.navbar-nav > li.search,
.navbar-nav > li.menu-search,
.navbar-nav > li.menu-search-icon,
.navbar-nav > li.icon-search,
.mg-menu-full .m-header .homebtn,
.site-header .icons-left,
.header .icons-left,
.m-header .icons-left,
.header-icons-left,
.header .top-left-icons { display:none !important; }

/* ---------- MENU BAR (match Newsup demo look) ---------- */
.mg-menu-full {
  background: var(--wf-accent-dark) !important;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.mg-menu-full {
  min-height: 60px !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mg-headwidget .navbar.navbar-wp,
.mg-menu-full .navbar.navbar-wp,
.mg-headwidget .navbar-wp {
  min-height: 60px !important;
  height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mg-headwidget .navbar-wp .container-fluid,
.mg-menu-full .navbar-wp .container-fluid {
  min-height: 60px !important;
  height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}
.mg-menu-full .container-fluid {
  justify-content: flex-start !important;
}
.mg-menu-full .m-header {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex: 0 0 auto !important;
  order: 1 !important;
}
.mg-menu-full .m-header .mg-search-box,
.mg-menu-full .m-header .btn-bell {
  display: none !important;
}
.mg-menu-full .desk-header {
  order: 3 !important;
  margin-left: auto !important;
}

/* home icon button (left of menu) */
.mg-menu-full .m-header .mobilehomebtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
}
.mg-menu-full .m-header .mobilehomebtn:hover,
.mg-menu-full .m-header .mobilehomebtn:focus-visible,
.mg-menu-full .m-header .mobilehomebtn:active {
  background: var(--wf-accent) !important;
  color: #fff !important;
}
.mg-menu-full .m-header .mobilehomebtn span { font-size: 16px !important; }

/* hide duplicate Home text link if menu already has a Home item */
.mg-menu-full .navbar-nav > li.menu-item-home,
.mg-menu-full .navbar-nav > li.home { display:none !important; }

/* nav link styling to match demo density */
.mg-headwidget .navbar-wp .navbar-nav > li,
.mg-headwidget .navbar-wp .navbar-nav > li > a,
.mg-headwidget .navbar-wp .navbar-nav > li > a.nav-link,
.mg-headwidget .navbar-wp .navbar-nav .nav-link {
  text-transform: uppercase !important;
  letter-spacing: 0.3px;
  padding: 16px 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}
.mg-headwidget .navbar-wp .navbar-nav {
  align-items: center !important;
}

/* right icons (search/bell) in square buttons */
.mg-menu-full .desk-header .mg-search-box a,
.mg-menu-full .desk-header .btn-bell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.mg-menu-full .desk-header .mg-search-box a:hover,
.mg-menu-full .desk-header .btn-bell:hover {
  background: var(--wf-accent) !important;
  color: #fff !important;
}

/* force-hide any bell in the left header area, then re-enable only the right-side bell */
.mg-menu-full .btn-bell {
  display: none !important;
}
.mg-menu-full .desk-header .btn-bell {
  display: inline-flex !important;
}

@media (min-width: 992px) {
  .mg-menu-full .collapse.navbar-collapse {
    display:flex !important;
    flex: 1 1 auto !important;
    order: 2 !important;
  }
}

@media (max-width: 991px) {
  .mg-menu-full .desk-header .mg-search-box,
  .mg-menu-full .desk-header .btn-bell {
    display: none !important;
  }
  .mg-menu-full .m-header .mg-search-box {
    display: inline-flex !important;
  }
  /* keep bell hidden on the left for all sizes */
  .mg-menu-full .m-header .btn-bell,
  .mg-menu-full .m-header a.btn-bell,
  .mg-menu-full .m-header .fa-bell {
    display: none !important;
  }
}

/* hover states for nav */
.main-navigation ul li a:hover, .main-navigation ul li.active > a,
.navbar-nav > li > a:hover, .navbar-nav > .active > a {
  background: var(--wf-accent) !important;
  color:#fff !important;
  border-radius:4px 4px 0 0 !important;
}

/* ---------- FEATURED HEADING BAR ---------- */
/* keep featured heading visible above posts */
.wf-featured-heading,
#wf-featured-heading {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background: var(--wf-accent) !important;
  color: #fff !important;
  padding: 8px 12px !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  margin-top: 6px !important;
  order: -1 !important;
  z-index: 90 !important;
}

/* hide duplicate featured headings if multiple inserted */
.wf-featured-heading:not(:first-of-type),
.wf-featured-heading + .wf-featured-heading { display:none !important; }

/* Hero slider styling is intentionally left to native Newsup CSS/JS to prevent conflicts. */

/* ---------- IMAGE FALLBACKS & THUMBNAILS ---------- */
/* fallback style for post thumbnails (used only when <img> is missing) */
.mg-post-thumb { position:relative; width:100%; min-height:200px; overflow:hidden; border-radius:8px; background: var(--wf-fallback-img) center/cover no-repeat; }
.mg-post-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; border-radius:8px; }

/* small square thumbnails for small-posts (tab widget) */
.img-small-post {
  width: 70px !important;
  height: 70px !important;
  min-width:70px !important;
  min-height:70px !important;
  flex: 0 0 70px !important;
  overflow: hidden !important;
  border-radius:6px !important;
  background-image: var(--wf-fallback-img) !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* If an <img> exists inside the wrapper, make it fill and hide background bleed */
.widget_tabbed_content .small-post .img-small-post img,
.col-md-4.top-right-area .small-post .img-small-post img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background: none !important;
  z-index: 2 !important;
}

/* defensive: remove multiple tiny redundant <img> elements inside thumbnail wrappers */
.widget_tabbed_content .small-post .img-small-post,
.col-md-4.top-right-area .small-post .img-small-post {
    position: relative !important;
}
.img-small-post {
  width: 84px !important;
  height: 84px !important;
  flex: 0 0 84px !important;
  overflow: hidden !important;
}
.img-small-post img,
.img-small-post .img-small-post-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* remove any inline background applied to <img> nodes by theme (rare) */
.widget_tabbed_content .small-post .img-small-post img[style*="background"],
.col-md-4.top-right-area .small-post .img-small-post img[style*="background"] { background:none !important; }

/* ---------- FEATURED / MAIN + SIDEBAR LAYOUT ---------- */
/* Keep native Newsup grid behavior for homepage hero + sidebar. */

/* widget title look */
.widget-title, .wtitle { background:var(--wf-accent); color:#fff; padding:8px 12px; font-size:15px; font-weight:700; border-radius:3px; margin-bottom:14px; display:inline-block; }

/* keep sidebar widgets readable */
.top-right-area, .sidebar .widget, .mg-widget { box-sizing:border-box; overflow:visible; }

/* ---------- POST CARDS ---------- */
.wf-post-card { background: var(--wf-card-bg); border-radius: 12px; padding: 18px; box-shadow: 0 6px 18px rgba(17,17,27,0.06); transition: transform .12s ease, box-shadow .12s ease; overflow: visible; position: relative; display: block; margin-bottom: 22px; }
.wf-card-inner { display:flex; gap:18px; align-items:flex-start; flex-wrap:nowrap; }
.wf-card-inner img.wf-card-thumb-img { flex:0 0 36%; max-width:36%; height:auto; border-radius:8px; object-fit:cover; display:block; }
.wf-card-inner > *:not(img) { flex:1 1 auto; max-width:64%; }
.wf-post-card h1, .wf-post-card h2, .wf-post-card h3, .wf-post-card .entry-title { margin:0 0 8px 0; line-height:1.18; font-weight:700; color:#111; }
.wf-post-card .entry-summary, .wf-post-card .excerpt, .wf-post-card .mg-blog-desc { color:#555; margin-top:6px; font-size:14px; line-height:1.6; }

/* prevent sidebar cards inheriting full card style */
.sidebar .wf-post-card, .mg-side .wf-post-card { background:transparent; box-shadow:none; padding:0; margin:0; }

/* responsive card behavior */
@media (max-width:991px) {
  .wf-card-inner { flex-wrap:wrap; }
  .wf-card-inner img.wf-card-thumb-img, .wf-card-inner .mg-post-thumb, .wf-card-inner .img-small-post { flex:0 0 100%; max-width:100%; width:100%; margin-bottom:12px; }
  .wf-card-inner > *:not(img) { max-width:100%; }
  .wf-post-card { padding:14px; border-radius:10px; }
}

/* ---------- SIDEBAR TAB WIDGET (Latest/Popular/Trending) ---------- */
.widget_tabbed_content { width:100%; padding:0 6px; box-sizing:border-box; position:relative; z-index:20; margin-bottom:10px; }
.widget_tabbed_content .nav-tabs { display:flex; justify-content:space-around; align-items:stretch; background:#f3f6fb; border:1px solid #cfd8e6; border-radius:4px; margin-bottom:10px; overflow:hidden; }
.widget_tabbed_content .nav-tabs > li { flex:1 1 0; margin:0; text-align:center; border-right:1px solid #cfd8e6; }
.widget_tabbed_content .nav-tabs > li:last-child { border-right:none; }
.widget_tabbed_content .nav-tabs > li > a { display:block; font-size:13.5px; font-weight:700; color: var(--wf-accent-dark); text-transform:capitalize; padding:7px 0; line-height:1.3; background:transparent; border:none; }
.widget_tabbed_content .nav-tabs > li.active > a, .widget_tabbed_content .nav-tabs > li > a:hover { background: var(--wf-accent); color: #fff; }

.widget_tabbed_content .tab-content { display:block; background:#fff; border:1px solid #e3e9f3; border-radius:4px; padding:6px 8px; max-height:none; overflow-y:visible; box-sizing:border-box; }
.widget_tabbed_content .tab-content .small-post, .widget_tabbed_content .small-post { display:flex; gap:10px; align-items:center; padding:6px 0; border-bottom:1px dashed rgba(0,0,0,0.08); }
.widget_tabbed_content .tab-content .small-post:last-child { border-bottom:none; }
.widget_tabbed_content .small-post .img-small-post { flex:0 0 70px; width:70px; height:70px; border-radius:5px; overflow:hidden; }
.widget_tabbed_content .small-post a { font-size:13px; line-height:1.35; color:#222; font-weight:600; text-decoration:none; }
.widget_tabbed_content .small-post a:hover { color: var(--wf-accent); }

/* ---------- LATEST / TICKER ---------- */
.mg-latest-news-sec {
  padding: 8px 14px 0 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) !important;
}
.mg-latest-news-sec .mg-latest-news {
  width: 100% !important;
  height: 40px !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  background: #fff !important;
}
.mg-latest-news-sec .bn_title {
  display: inline-block !important;
  position: relative !important;
  z-index: 100 !important;
  height: 40px !important;
  width: auto !important;
}
.mg-latest-news-sec .bn_title span {
  width: 0 !important;
  position: absolute !important;
  right: -29px !important;
  top: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 41px 0 0 30px !important;
  border-color: transparent transparent transparent #1d5fdf !important;
}
.mg-latest-news-sec .bn_title .title {
  display: inline-block !important;
  background: #1d5fdf !important;
  color: #fff !important;
  padding: 0 20px !important;
  height: 40px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  font-size: 20px !important;
  line-height: 39px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.mg-latest-news-sec .bn_title .title::after {
  content: none !important;
}
.mg-latest-news-sec .mg-latest-news-slider,
.mg-latest-news-sec .mg-latest-news-slider.marquee {
  position: absolute !important;
  left: 200px !important;
  top: 5px !important;
  right: 40px !important;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  background: #fff !important;
  box-sizing: border-box !important;
  z-index: 50 !important;
  list-style: none !important;
}
.mg-latest-news-sec .mg-latest-news-slider a,
.mg-latest-news-slider.marquee a {
  display: inline-block;
  margin-right: 0 !important;
  color: var(--wf-accent) !important;
  font-weight: 700;
  text-decoration: none;
  line-height: 40px !important;
  padding-left: 20px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .mg-latest-news-sec {
    padding: 8px 14px 0 !important;
  }
}

/* ---------- RIGHT-SIDEBAR / exTab2 tweaks ---------- */
.col-md-4.top-right-area #exTab2,
.col-md-4.top-right-area #exTab2 .nav,
.col-md-4.top-right-area #exTab2 .nav-tabs,
.col-md-4.top-right-area #exTab2 .tab-content { box-sizing:border-box; z-index:80; }

.col-md-4.top-right-area #exTab2 .nav.nav-tabs { display:flex; gap:0; align-items:center; justify-content:space-between; background:#f3f6fb; border:1px solid #cfd8e6; border-radius:4px; overflow:visible; padding:0 6px; }
.col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-item { flex:1 1 0; margin:0; display:block; border-right:1px solid #cfd8e6; }
.col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-item:last-child { border-right:none; }
.col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-link { display:block; padding:6px 8px; font-weight:700; font-size:13px; color: var(--wf-accent); text-align:center; background:transparent; border-radius:3px; border:none; }
.col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-link.active, .col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-link:hover { background: var(--wf-accent); color:#fff; }
.col-md-4.top-right-area #exTab2 .tab-content { display:block; background:#fff; border:1px solid #e3e9f3; border-radius:4px; padding:8px; margin-top:8px; max-height: none; overflow-y: visible; box-sizing:border-box; }
.col-md-4.top-right-area #exTab2 .tab-content .small-list-post > .small-post {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  border-bottom: none !important;
  min-height: 78px !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.col-md-4.top-right-area #exTab2 .tab-content .small-list-post > .small-post + .small-post {
  margin-top: 14px !important;
  padding-top: 14px !important;
  padding-left: 10px !important;
  border-top: 1px solid #d3deee !important;
}
.col-md-4.top-right-area #exTab2 .tab-content .small-list-post > .small-post:first-child {
  margin-top: 8px !important;
}
.col-md-4.top-right-area #exTab2 .tab-content .small-list-post > .small-post .small-post-content {
  min-height: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.col-md-4.top-right-area #exTab2 .tab-content .small-post .title,
.col-md-4.top-right-area #exTab2 .tab-content .small-post h5.title,
.col-md-4.top-right-area #exTab2 .tab-content .small-post h5.title a {
  font-size: 14px !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* remove transform that caused overflow */
.col-md-4.top-right-area { padding-left:12px; padding-right:12px; box-sizing:border-box; overflow:visible; }
.col-md-4.top-right-area #exTab2 { margin-bottom:12px; transform: none !important; width:100% !important; box-sizing:border-box; will-change: transform; display:flex !important; flex-direction:column !important; overflow:hidden !important; }
.col-md-4.top-right-area #exTab2 .tab-content {
  flex: 1 1 auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 8px 10px 8px !important;
}
.col-md-4.top-right-area #exTab2 + .search,
.col-md-4.top-right-area #exTab2 + .widget_search,
.col-md-4.top-right-area #exTab2 + .search-wrap,
.col-md-4.top-right-area #exTab2 + .mg-widget { margin-top:10px; }

/* smaller screens adjustments for exTab2 */
@media (max-width:1200px){ .col-md-4.top-right-area #exTab2 { margin-left:-6px; width:calc(100% + 6px); } }
@media (max-width:991px){
  .col-md-4.top-right-area #exTab2 { transform:none; margin-left:0; width:100%; }
  .scrollup, #toTop { right:12px; }
}
@media (max-width:768px){
  .col-md-4.top-right-area #exTab2 .nav.nav-tabs .nav-link { font-size:12px; padding:6px 4px; }
  .col-md-4.top-right-area .img-small-post { width:60px; height:60px; }
  .col-md-4.top-right-area #exTab2 { margin-bottom:8px; }
}

/* ---------- REMOVE REDUNDANT/UNWANTED WIDGETS ---------- */
/* Common recent posts widgets removal (avoid duplications) */
.home .widget_recent_entries,
.home .widget_recent-posts,
.home .widget_recent_entries_with_thumbs,
.home #recent-posts-2,
.home .widget_block .wp-block-latest-posts,
.home .widget_block .wp-block-latest-posts__list { display:none !important; }

/* ---------- SCROLL / EDITOR NOTIFICATION / OVERFLOW CLEANUP ---------- */
.ta_upscr {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  bottom: 24px !important;
  top: auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1151d3 !important;
  color: #fff !important;
  z-index: 99999 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
}
.ta_upscr i {
  font-size: 18px !important;
  line-height: 1 !important;
}

.scrollup, #scrollUp, #toTop, .back-to-top, .go-top, #gotop, .a2a_go_top, .link-top {
  left:auto !important;
  right:18px !important;
  bottom:28px !important;
  z-index:99999 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.22) !important;
}
#editorNotificationContainer, .editorNotificationContainer, #wp-admin-notice, .admin-notice {
  left:auto !important;
  right:18px !important;
  bottom:28px !important;
  z-index:99999 !important;
  max-width:260px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.22) !important;
  pointer-events:auto !important;
}

/* final overflow safety (prevent horizontal scroll) */
html, body { overflow-x: hidden !important; }
.site, #page, .container, .site-main { max-width:100% !important; overflow-x:hidden !important; box-sizing:border-box !important; }

/* remove outer page frame/gutter around entire site */
html, body {
  margin: 0 !important;
  padding: 0 !important;
}
#page.site {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#custom-background-css.wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* theme custom CSS applies ".single-post" styles; body has this class too.
   Neutralize it so the whole page does not get rounded corners/inset padding. */
body.single-post {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.single-post #page,
body.single-post #custom-background-css,
body.single-post .mg-headwidget,
body.single-post .mg-menu-full {
  border-radius: 0 !important;
}


/* ---------- FOOTER SPACING CLEANUP ---------- */
footer .mg-footer-bottom-area {
  padding: 14px 0 10px !important;
}
footer .mg-footer-copyright {
  padding: 10px 0 !important;
}
footer .mg-footer-copyright p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
footer .mg-footer-bottom-area .row {
  min-height: auto !important;
}

/* ---------- PAGINATION (1,2,3) ---------- */
.navigation.pagination {
  margin: 12px 0 18px !important;
  text-align: center !important;
}
.navigation.pagination .nav-links {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.navigation.pagination .page-numbers {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid #c6d4ef !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: #1151d3 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus {
  background: #1151d3 !important;
  color: #fff !important;
  border-color: #1151d3 !important;
}

/* stronger footer + pagination + back-to-top overrides */
body a.ta_upscr {
  left: auto !important;
  right: 18px !important;
  bottom: 24px !important;
}
footer .mg-footer-copyright .info-right,
footer .mg-footer-copyright nav,
footer .mg-footer-copyright .col-md-6.text-md-right {
  display: none !important;
}
footer .mg-footer-bottom-area .col-md-6.text-right.text-xs {
  display: block !important;
}
footer .mg-footer-bottom-area .col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
footer .mg-footer-bottom-area .site-branding-text {
  padding-bottom: 0 !important;
}
body .navigation.pagination .nav-links .page-numbers,
body .navigation.pagination .nav-links a.page-numbers {
  min-width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  line-height: 36px !important;
  font-size: 15px !important;
}

/* hide post-format badge (camera icon) on thumbnails/cards */
.post-form {
  display: none !important;
}

.wf-read-more-link {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  background: #1151d3 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.wf-read-more-link:hover,
.wf-read-more-link:focus {
  background: #0d45b8 !important;
  color: #fff !important;
}

.wf-read-more-inline {
  display: inline !important;
  margin-left: 4px !important;
  color: #1151d3 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.wf-read-more-inline:hover,
.wf-read-more-inline:focus {
  text-decoration: underline !important;
  color: #0d45b8 !important;
}

/* ---------- FORCE SIDEBAR SEARCH + RECENT COMMENTS LOOK ---------- */
/* Search widget (classic + block) */
.mg-side .widget_search,
.mg-side .widget_block:has(.wp-block-search),
.sidebar .widget_search,
.sidebar .widget_block:has(.wp-block-search),
.col-md-4 .widget_search,
.col-md-4 .widget_block:has(.wp-block-search) {
  border: 1px solid #d7e3f6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(17,81,211,0.08) !important;
  overflow: hidden !important;
}

.mg-side .widget_search form,
.mg-side .wp-block-search .wp-block-search__inside-wrapper,
.sidebar .widget_search form,
.sidebar .wp-block-search .wp-block-search__inside-wrapper,
.col-md-4 .widget_search form,
.col-md-4 .wp-block-search .wp-block-search__inside-wrapper {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 10px !important;
}

.mg-side .widget_search input[type="search"],
.mg-side .widget_search input[type="text"],
.mg-side .wp-block-search input[type="search"],
.sidebar .widget_search input[type="search"],
.sidebar .widget_search input[type="text"],
.sidebar .wp-block-search input[type="search"],
.col-md-4 .widget_search input[type="search"],
.col-md-4 .widget_search input[type="text"],
.col-md-4 .wp-block-search input[type="search"] {
  flex: 1 1 auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  border: 1px solid #c6d6f0 !important;
  border-right: 0 !important;
  border-radius: 6px 0 0 6px !important;
  padding: 0 12px !important;
  background: #fff !important;
}

.mg-side .widget_search button,
.mg-side .widget_search .btn,
.mg-side .widget_search input[type="submit"],
.mg-side .wp-block-search button,
.sidebar .widget_search button,
.sidebar .widget_search .btn,
.sidebar .widget_search input[type="submit"],
.sidebar .wp-block-search button,
.col-md-4 .widget_search button,
.col-md-4 .widget_search .btn,
.col-md-4 .widget_search input[type="submit"],
.col-md-4 .wp-block-search button {
  min-height: 44px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border: 1px solid #1151d3 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #1151d3 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* Recent comments widget */
.mg-side .widget_recent_comments,
.sidebar .widget_recent_comments,
.col-md-4 .widget_recent_comments {
  border: 1px solid #d7e3f6 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(17,81,211,0.08) !important;
  overflow: hidden !important;
}

.mg-side .widget_recent_comments ul#recentcomments,
.sidebar .widget_recent_comments ul#recentcomments,
.col-md-4 .widget_recent_comments ul#recentcomments {
  margin: 0 !important;
  padding: 10px 14px !important;
  list-style: none !important;
}

.mg-side .widget_recent_comments ul#recentcomments li,
.sidebar .widget_recent_comments ul#recentcomments li,
.col-md-4 .widget_recent_comments ul#recentcomments li {
  margin: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #e6eefb !important;
  line-height: 1.45 !important;
  font-size: 18px !important;
}

.mg-side .widget_recent_comments ul#recentcomments li:last-child,
.sidebar .widget_recent_comments ul#recentcomments li:last-child,
.col-md-4 .widget_recent_comments ul#recentcomments li:last-child {
  border-bottom: 0 !important;
}

/* exact block-widget selectors (from your markup) */
.mg-widget.widget_block.widget_search form.wp-block-search {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mg-widget.widget_block.widget_search .wp-block-search__label {
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #1151d3 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}
.mg-widget.widget_block.widget_search .wp-block-search__inside-wrapper {
  display: flex !important;
  gap: 0 !important;
  padding: 10px !important;
  border: 1px solid #d7e3f6 !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  background: #fff !important;
}
.mg-widget.widget_block.widget_search input.wp-block-search__input {
  min-height: 44px !important;
  border: 1px solid #c6d6f0 !important;
  border-right: 0 !important;
  border-radius: 6px 0 0 6px !important;
  margin: 0 !important;
  padding: 0 12px !important;
}
.mg-widget.widget_block.widget_search button.wp-block-search__button {
  min-height: 44px !important;
  border: 1px solid #1151d3 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #1151d3 !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 0 16px !important;
  font-weight: 700 !important;
}

.mg-widget.widget_block .wp-block-latest-comments {
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #d7e3f6 !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  background: #fff !important;
}
.mg-widget.widget_block .wp-block-latest-comments__comment {
  margin: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #e6eefb !important;
}
.mg-widget.widget_block .wp-block-latest-comments__comment:last-child {
  border-bottom: 0 !important;
}

/* Moved modular overrides:
   - /css/overrides/home.css
   - /css/overrides/search.css
   - /css/overrides/sidebar.css
*/


/* ---------- RESPONSIVE ADJUSTMENTS ---------- */
@media (max-width:991px) {
  .mg-fea-area .row, .mg-fea-area .container > .row { display:block; }
  .mg-fea-area .col-md-8, .mg-fea-area .col-md-4, .main-content, .mg-side { max-width:100%; flex:0 0 100%; }
  .top-right-area .img-small-post { height:110px; min-height:100px; }
  .mg-latest-news { flex-direction:column; align-items:stretch; gap:8px; }
  .wf-featured-heading { margin:12px 0; }
  .wf-featured-rule { height:3px; }
  .navbar-nav > li > a { font-size:12px !important; padding:6px 8px !important; }
}
@media (max-width:768px) {
  .widget_tabbed_content .nav-tabs > li > a { font-size:12px; padding:6px 0; }
  .widget_tabbed_content .small-post .img-small-post { flex:0 0 60px; height:60px; }
  .site-logo img { max-height:54px; }
  .main-navigation ul li a { font-size:13px; padding:8px 10px; }
}

/* ---------- SMALL UTILITY TWEAKS ---------- */

/* accessibility: keep focus visible */
.navbar-nav a:focus-visible {
  outline: 3px solid rgba(17,81,211,0.16);
  outline-offset: 2px;
}
.mobilehomebtn:focus,
.mobilehomebtn:active,
.btn-bell:focus,
.btn-bell:active {
  outline: none !important;
  box-shadow: none !important;
}
.btn-bell.is-subscribed {
  background-color: #0f7a2b !important;
  border-color: #0f7a2b !important;
}

/* ---------- FEATURED HEADING (exact selector from markup) ---------- */
#wf-featured-heading.wf-featured-heading {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 5px 0 14px !important;
  background: transparent !important;
}
#wf-featured-heading .wf-featured-title {
  position: relative !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  background: #1151d3 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
#wf-featured-heading .wf-featured-title::after {
  content: "" !important;
  position: absolute !important;
  right: -13px !important;
  top: 0px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 20px solid transparent !important;
  border-bottom: 22px solid transparent !important;
  border-left: 14px solid rgb(17, 81, 211) !important;
}
#wf-featured-heading .wf-featured-rule {
  flex: 1 1 auto !important;
  height: 2px !important;
  background: #1151d3 !important;
  margin-left: 0 !important;
}

/* Removed conflicting carousel override blocks (kept theme default behavior). */

/* ---------- HERO TABS ITEM SEPARATORS (Latest / Popular / Trending) ---------- */
.mg-fea-area .top-right-area #exTab2 .tab-content .small-list-post > .small-post + .small-post {
  border-top: 1px solid #d3deee !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

/* ---------- FULL-WIDTH FOOTER FIX ---------- */
/* Fill side/bottom area with footer color without width hacks. */
footer.footer.back-img {
  left: auto !important;
  width: auto !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background-color: #050522 !important;
  border-radius: 0 !important;
}

footer.footer.back-img .overlay,
footer.footer.back-img > .overlay,
footer.footer.back-img .mg-footer-bottom-area,
footer.footer.back-img .mg-footer-copyright {
  background-color: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

/* Keep footer text away from extreme left edge. */
footer.footer.back-img .mg-footer-bottom-area .container-fluid,
footer.footer.back-img .mg-footer-copyright .container-fluid {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ---------- MENU STABILITY FIX (Desktop) ---------- */
/* Keep primary menu fully visible in one row and avoid accidental clipping. */
@media (min-width: 992px) {
  .mg-menu-full .navbar.navbar-wp .container-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .mg-menu-full .collapse.navbar-collapse {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .mg-menu-full ul.navbar-nav,
  .mg-menu-full #menu-main-menu.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    float: none !important;
  }

  .mg-menu-full ul.navbar-nav > li,
  .mg-menu-full #menu-main-menu.navbar-nav > li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  .mg-menu-full ul.navbar-nav > li > a,
  .mg-menu-full #menu-main-menu.navbar-nav > li > a {
    display: block !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.1 !important;
    padding: 18px 12px !important;
  }
}

/* ---------- MENU HARD FIX (Desktop 100% zoom) ---------- */
/* Build an explicit 3-column header row: left icon | menu | right actions. */
@media (min-width: 992px) {
  .mg-menu-full .navbar.navbar-wp .container-fluid {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
  }

  .mg-menu-full .m-header {
    grid-column: 1 !important;
    margin: 0 !important;
    min-width: 36px !important;
  }

  .mg-menu-full .collapse.navbar-collapse {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .mg-menu-full #menu-main-menu.navbar-nav,
  .mg-menu-full ul.navbar-nav {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .mg-menu-full #menu-main-menu.navbar-nav > li,
  .mg-menu-full ul.navbar-nav > li {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .mg-menu-full #menu-main-menu.navbar-nav > li > a,
  .mg-menu-full ul.navbar-nav > li > a {
    padding: 0 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    max-width: none !important;
    overflow: visible !important;
    height: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  .mg-menu-full .desk-header {
    grid-column: 3 !important;
    margin: 0 0 0 8px !important;
    justify-self: end !important;
  }

  .mg-menu-full #menu-main-menu.navbar-nav > li > a:hover,
  .mg-menu-full #menu-main-menu.navbar-nav > li > a:focus,
  .mg-menu-full #menu-main-menu.navbar-nav > .active > a {
    border-radius: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* ---------- MENU FINAL OVERRIDE ---------- */
/* Highest-specificity menu normalization to beat Customizer CSS conflicts. */
@media (min-width: 992px) {
  body .mg-menu-full .navbar.navbar-wp,
  body .mg-menu-full .navbar.navbar-wp .container-fluid,
  body .mg-menu-full .navbar.navbar-wp .collapse.navbar-collapse {
    min-height: 60px !important;
    height: 60px !important;
    max-height: 60px !important;
    overflow: visible !important;
  }

  body .mg-menu-full #menu-main-menu.navbar-nav > li > a,
  body .mg-menu-full .navbar-nav > li > a {
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    vertical-align: middle !important;
    transform: none !important;
  }

  body .mg-menu-full #menu-main-menu.navbar-nav > li > a:hover,
  body .mg-menu-full #menu-main-menu.navbar-nav > li > a:focus,
  body .mg-menu-full #menu-main-menu.navbar-nav > .active > a,
  body .mg-menu-full .navbar-nav > li > a:hover,
  body .mg-menu-full .navbar-nav > li > a:focus,
  body .mg-menu-full .navbar-nav > .active > a {
    height: 60px !important;
    line-height: 60px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
  }
}

/* Removed duplicate "hero native restore" block; native theme styles now drive carousel. */

/* ---------- HOME TOP SECTION LAYOUT ---------- */
/* Keep ticker, hero and top-right tabs in separate visual sections with equal side padding. */
body.home .mg-latest-news-sec {
  margin: 0 0 12px !important;
  padding: 8px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home .mg-latest-news-sec .container-fluid,
body.home .mg-fea-area .container-fluid {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

body.home .mg-fea-area {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.home .mg-fea-area .overlay {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Hero card should not tile and should align in height with right top tabs section. */
body.home #homemain,
body.home #homemain .owl-wrapper-outer,
body.home #homemain .owl-wrapper,
body.home #homemain .owl-item,
body.home #homemain .item,
body.home #homemain .mg-blog-post.lg.back-img {
  background-color: transparent !important;
}

body.home #homemain .mg-blog-post.lg.back-img {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

@media (min-width: 992px) {
  body.home .mg-fea-area .row {
    display: flex !important;
    align-items: stretch !important;
  }
  body.home #homemain,
  body.home #homemain .owl-wrapper-outer,
  body.home #homemain .owl-wrapper,
  body.home #homemain .owl-item,
  body.home #homemain .item,
  body.home #homemain .mg-blog-post.lg.back-img {
    min-height: 505px !important;
    height: 505px !important;
  }
  body.home .top-right-area #exTab2 {
    margin-bottom: 0 !important;
  }
  body.home .mg-fea-area {
    margin-bottom: 6px !important;
  }
}

/* ---------- SINGLE POST READABILITY FIX ---------- */
body.single-post main#content.container-fluid.single-class {
  max-width: none !important;
  width: auto !important;
  margin: 0 0 24px !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
}

body.single-post .mg-blog-post-box .mg-header {
  padding: 24px 30px 14px !important;
}

body.single-post .mg-blog-post-box .small.single {
  font-size: 17px !important;
  line-height: 1.8 !important;
  padding: 24px 30px 34px !important;
}

body.single-post .wf-single-content {
  font-size: 17px !important;
  line-height: 1.8 !important;
}

body.single-post .wf-single-content p,
body.single-post .wf-single-content li,
body.single-post .wf-single-content td,
body.single-post .wf-single-content th,
body.single-post .wf-single-content figcaption,
body.single-post .wf-single-content blockquote,
body.single-post .wf-single-content span,
body.single-post .wf-single-content a {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.single-post .wf-single-content h1 { font-size: 2rem !important; line-height: 1.3 !important; }
body.single-post .wf-single-content h2 { font-size: 1.7rem !important; line-height: 1.35 !important; }
body.single-post .wf-single-content h3 { font-size: 1.45rem !important; line-height: 1.4 !important; }
body.single-post .wf-single-content h4 { font-size: 1.25rem !important; line-height: 1.45 !important; }
body.single-post .wf-single-content h5 { font-size: 1.1rem !important; line-height: 1.45 !important; }
body.single-post .wf-single-content h6 { font-size: 1rem !important; line-height: 1.5 !important; }

body.single-post .wf-single-content ul,
body.single-post .wf-single-content ol {
  padding-left: 1.35rem !important;
}

body.single-post .wf-single-content p,
body.single-post .wf-single-content ul,
body.single-post .wf-single-content ol,
body.single-post .wf-single-content figure,
body.single-post .wf-single-content blockquote {
  margin-bottom: 1rem !important;
}

body.single-post .mg-blog-post-box .small.single img,
body.single-post .mg-blog-post-box .small.single figure,
body.single-post .mg-blog-post-box .single-featured-image {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 991px) {
  body.single-post main#content.container-fluid.single-class > .row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.single-post main#content.container-fluid.single-class > .row > [class*="col-"],
  body.single-post main#content.container-fluid.single-class > .row > div,
  body.single-post main#content.container-fluid.single-class > .row > aside {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-post .mg-blog-post-box {
    margin-bottom: 12px !important;
  }
  body.single-post main#content.container-fluid.single-class {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.single-post .mg-blog-post-box .mg-header {
    padding: 18px 16px 10px !important;
  }
  body.single-post .mg-blog-post-box .small.single {
    font-size: 16px !important;
    line-height: 1.75 !important;
    padding: 18px 16px 24px !important;
  }
  body.single-post .wf-single-content {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
  body.single-post .wf-single-content h1 { font-size: 1.75rem !important; }
  body.single-post .wf-single-content h2 { font-size: 1.5rem !important; }
  body.single-post .wf-single-content h3 { font-size: 1.3rem !important; }
  body.single-post .wf-single-content h4 { font-size: 1.15rem !important; }
  body.single-post aside.sidebar-sticky {
    margin-top: 14px !important;
  }
}