/* =========================
   WORLD MANUAL – DARK THEME
   ========================= */

/* 1) Entire site background = black */
html, body,
#page, .site, .site-content,
.content-area, .site-main,
.container, .wrapper {
  background: #000 !important;
}

/* 2) Breadcrumb bar background + text colours */
.breadcrumb,
.breadcrumbs,
.nav-breadcrumb,
.breadcrumb-trail,
#breadcrumb,
.breadcrumb-wrap {
  background: #0b0b0b !important;
  color: #fff !important;
}

/* Breadcrumb links default = white */
.breadcrumb a,
.breadcrumbs a,
.nav-breadcrumb a,
.breadcrumb-trail a,
#breadcrumb a,
.breadcrumb-wrap a {
  color: #fff !important;
}

/* Make ONLY the "Home" link red (usually first link in breadcrumb) */
.breadcrumb a:first-child,
.breadcrumbs a:first-child,
.nav-breadcrumb a:first-child,
.breadcrumb-trail a:first-child,
#breadcrumb a:first-child,
.breadcrumb-wrap a:first-child {
  color: #e10600 !important;
}

/* 3) Article "card" darker with white text (single post pages) */
.single-post article,
.single-post .post,
.single-post .single-post-wrap,
.single-post .content-single,
.single-post .blog-post,
.single-post .post-content,
.single-post .entry-content,
.single-post .entry-header {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #1f1f1f !important;
  border-radius: 12px;
}

/* Ensure the inner content area stays dark */
.single-post .entry-content,
.single-post .entry-content * {
  color: inherit;
}

/* Headings on single posts */
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
  color: #fff !important;
}

/* Paragraph/meta text */
.single-post p,
.single-post .post-meta,
.single-post .entry-meta,
.single-post .post-date,
.single-post .author-name {
  color: #d0d0d0 !important;
}

/* Links inside article */
.single-post .entry-content a {
  color: #ff3b30 !important;
}
.single-post .entry-content a:hover {
  color: #ffffff !important;
}

/* Optional: make category pills look cleaner on dark */
.single-post .cat-links a,
.single-post .post-categories a {
  background: #e10600 !important;
  color: #fff !important;
}
/* =========================
   FORCE TRUE FULL BLACK BACKGROUND
   ========================= */

html {
  background: #000 !important;
}

body {
  background: #000 !important;
}

/* Main outer theme wrappers */
#page,
.site,
.site-content,
.content-area,
.site-main,
.main-content,
.container,
.wrapper,
.inner-wrap,
.content-wrap,
.site-wrapper {
  background: #000 !important;
}

/* Remove theme grey body background */
body.custom-background {
  background-color: #000 !important;
}
/* Kill the theme's grey wrapper */
#wrapper,
#wrapper.bg-grey,
.bg-grey {
  background: #000 !important;
}

/* Make sure the whole canvas stays black */
html, body {
  background: #000 !important;
}
#page,
.site,
.site-content,
.container,
.wrapper {
  background: #000 !important;
}
/* =========================================
   MATCH ARTICLE CARD EXACTLY TO MENU BAR
   (charcoal/navy gradient, not blue-navy)
   ========================================= */

/* Article card + its main inner wrappers */
.single-post article,
.single-post .post,
.single-post .single-post-wrap,
.single-post .content-single,
.single-post .entry-header,
.single-post .entry-content,
.single-post .post-content {
  background: linear-gradient(180deg, #171e27 0%, #13171e 100%) !important;
  border: 1px solid #222a35 !important;
  border-radius: 14px;
}

/* Remove any nested background “tints” that cause mismatch */
.single-post .entry-header *,
.single-post .entry-content *,
.single-post .post-content * {
  background-color: transparent !important;
}

/* Text tuning on the darker charcoal */
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4 {
  color: #ffffff !important;
}
.single-post p,
.single-post .entry-meta,
.single-post .post-meta,
.single-post .author-name,
.single-post .post-date {
  color: #cfd6e0 !important;
}
.single-post article:before,
.single-post .post:before {
  background: none !important;
  opacity: 0 !important;
  content: none !important;
}
/* =========================================
   REMOVE TITLE GRADIENT + REMOVE FAINT BORDERS
   ========================================= */

/* 1) Kill ANY gradient/overlay on the title/header area */
.single-post .entry-header,
.single-post .entry-header *,
.single-post .entry-title,
.single-post h1,
.single-post .post-title,
.single-post .title-area {
  background: #13171e !important;          /* pick your solid colour */
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Also kill pseudo-element overlays that often create gradients */
.single-post .entry-header:before,
.single-post .entry-header:after,
.single-post .post:before,
.single-post .post:after,
.single-post article:before,
.single-post article:after {
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* 2) Remove faint borders/lines inside article content */
.single-post .entry-content *,
.single-post .post-content * {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Common culprits: paragraphs / blocks getting separators */
.single-post .entry-content p,
.single-post .entry-content > p,
.single-post .entry-content > div,
.single-post .entry-content > section,
.single-post .entry-content > figure,
.single-post .entry-content .wp-block-group,
.single-post .entry-content .wp-block-columns,
.single-post .entry-content .wp-block-column {
  border: 0 !important;
  box-shadow: none !important;
}

/* If the theme is adding separator lines between blocks */
.single-post .entry-content > * {
  border-bottom: 0 !important;
}
/* =========================================
   WORLD MANUAL – UNIFIED NAVY (#13171e)
   ========================================= */

/* -------------------------
   MENU BAR BACKGROUND
-------------------------- */

.site-header,
.main-navigation,
.navbar,
.navigation,
.menu,
.header-wrapper,
.header-area {
    background: #13171e !important;
    background-image: none !important;
}

/* Remove any menu gradients */
.site-header *,
.main-navigation * {
    background-image: none !important;
}


/* -------------------------
   ARTICLE TITLE AREA
-------------------------- */

.single-post .entry-header,
.single-post .entry-title,
.single-post .post-title,
.single-post h1 {
    background: #13171e !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Kill pseudo overlay gradients */
.single-post .entry-header:before,
.single-post .entry-header:after {
    content: none !important;
}


/* -------------------------
   FULL ARTICLE CARD
-------------------------- */

.single-post article,
.single-post .post,
.single-post .single-post-wrap,
.single-post .content-single,
.single-post .entry-content,
.single-post .post-content {
    background: #13171e !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* -------------------------
   REMOVE FAINT SECTION LINES
-------------------------- */

.single-post .entry-content *,
.single-post .post-content * {
    border: none !important;
    box-shadow: none !important;
}


/* -------------------------
   KEEP TEXT READABLE
-------------------------- */

.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4 {
    color: #ffffff !important;
}

.single-post p,
.single-post .entry-meta {
    color: #d4d8df !important;
}
/* =========================================
   HOMEPAGE / ARCHIVE POST CARDS = #13171e
   ========================================= */

/* Card background (covers most NewsExo listing layouts) */
.blog article,
.archive article,
.home article,
.search article,
.blog .post,
.archive .post,
.home .post,
.search .post,
.blog .blog-post,
.archive .blog-post,
.home .blog-post,
.search .blog-post,
.post-item,
.post-box,
.post-card,
.list-post,
.news-post,
.post-wrap {
  background: #13171e !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inner wrappers on cards (often where the white background lives) */
.blog article .post-content,
.archive article .post-content,
.home article .post-content,
.search article .post-content,
.blog article .content,
.archive article .content,
.home article .content,
.search article .content,
.blog article .entry-summary,
.archive article .entry-summary,
.home article .entry-summary,
.search article .entry-summary,
.blog article .entry-header,
.archive article .entry-header,
.home article .entry-header,
.search article .entry-header {
  background: #13171e !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Titles + excerpt text */
.blog article h2,
.archive article h2,
.home article h2,
.search article h2,
.blog article h3,
.archive article h3,
.home article h3,
.search article h3,
.blog article .entry-title a,
.archive article .entry-title a,
.home article .entry-title a,
.search article .entry-title a {
  color: #ffffff !important;
}

.blog article p,
.archive article p,
.home article p,
.search article p,
.blog article .entry-summary,
.archive article .entry-summary,
.home article .entry-summary,
.search article .entry-summary {
  color: #d4d8df !important;
}

/* Meta (author/date) */
.blog .entry-meta,
.archive .entry-meta,
.home .entry-meta,
.search .entry-meta,
.blog .post-meta,
.archive .post-meta,
.home .post-meta,
.search .post-meta {
  color: #aeb6c2 !important;
}

/* "Read more" button/link (optional) */
.blog a.read-more,
.archive a.read-more,
.home a.read-more,
.search a.read-more,
.blog .readmore a,
.archive .readmore a,
.home .readmore a,
.search .readmore a {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.25) !important;
}
/* ==================================================
   EXCLUDE BIG NEWS SLIDER FROM PREVIEW CARD BACKGROUNDS
   (this removes the navy box over slider images)
   ================================================== */

/* 1) Undo the card background specifically inside the big news slider */
.big-news-section figcaption.post-content,
.big-news-section .post-content,
.big-news-section .post-content-wrap,
.big-news-section .entry-header,
.big-news-section .entry-meta,
.big-news-section .post-meta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 2) If you want a DARK BLACK GRADIENT instead of a solid panel (recommended) */
.big-news-section figure.post-thumbnail {
  position: relative;
}

.big-news-section figure.post-thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.70) 0%,
    rgba(0,0,0,0.35) 50%,
    rgba(0,0,0,0.00) 75%
  );
}
/* ==================================================
   BIG NEWS SECTION: remove remaining header.entry-header box
   ================================================== */

.big-news-section header.entry-header,
.big-news-section header.entry-header * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* In case the background is applied to the title wrapper */
.big-news-section .entry-title,
.big-news-section .entry-title a {
  background: transparent !important;
}

/* Keep text readable */
.big-news-section .entry-title a {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.85) !important;
}
/* Hide pagination on homepage only */
.home .pagination,
.home .nav-links,
.home .page-numbers,
.home .posts-navigation,
.home .navigation.pagination {
  display: none !important;
}
/* Center Instagram embeds */
.wp-block-embed-instagram,
.wp-block-embed.is-type-instagram,
.instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  text-align: center;
  max-width: 80% !important;
}
/* ==================================================
   DARK THEME FOR PAGES ONLY (About / Meet the Team)
   - does NOT affect category pills
   - removes white frame/border
   ================================================== */

/* 1) Overall page background (outside the content) */
body.page,
body.page #wrapper,
body.page #page,
body.page .site,
body.page .site-content {
  background: #000 !important;
  background-image: none !important;
}

/* 2) Remove the white "frame" wrapper that themes often add */
body.page .container,
body.page .container-fluid,
body.page .content-wrap,
body.page .content-wrapper,
body.page .inner-wrap,
body.page .wrapper,
body.page .site-main-wrap,
body.page .site-main {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) The actual About page card/content area */
body.page article.page,
body.page .page-content,
body.page .entry-content,
body.page .entry-header {
  background: #13171e !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 16px;
  padding: 28px;
}

/* 4) Page typography */
body.page .entry-title,
body.page h1, body.page h2, body.page h3, body.page h4 {
  color: #fff !important;
}

body.page p,
body.page li,
body.page .entry-content {
  color: #d4d8df !important;
}

/* 5) Links inside page content only (won’t affect categories) */
body.page .entry-content a {
  color: #e10600 !important;
}
body.page .entry-content a:hover {
  color: #ff2a1a !important;
}
/* ======================================
   Make ONLY post category badges red
   ====================================== */

/* Target category badges inside posts & sliders only */
.big-news-section .cat-links a,
.big-news-section .post-categories a,
.overlay-news-area .cat-links a,
.overlay-news-area .post-categories a,
.blog .post .cat-links a,
.blog .post-categories a,
.archive .post .cat-links a,
.archive .post-categories a {

  background-color: #e10600 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Hover state */
.big-news-section .cat-links a:hover,
.overlay-news-area .cat-links a:hover,
.blog .post .cat-links a:hover,
.archive .post .cat-links a:hover {

  background-color: #c00000 !important;
}
/* ======================================
   Social share: force icons/text to white
   (works for most share plugins/themes)
   ====================================== */

/* Common wrappers */
.post .sharedaddy a,
.post .sharedaddy a *,
.post .share-links a,
.post .share-links a *,
.post .social-share a,
.post .social-share a * {
  color: #fff !important;
  fill: #fff !important;          /* SVG icons */
  stroke: #fff !important;        /* Some SVG icons */
}

/* If icons are font icons (FontAwesome etc.) */
.post .sharedaddy i,
.post .share-links i,
.post .social-share i {
  color: #fff !important;
}

/* If icons are SVG elements directly */
.post .sharedaddy svg,
.post .share-links svg,
.post .social-share svg {
  fill: #fff !important;
  stroke: #fff !important;
}
/* ======================================
   Force social SHARE ICONS to white
   ====================================== */

/* SVG icons */
.post .sharedaddy svg,
.post .share-links svg,
.post .social-share svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Font icons (FontAwesome etc.) */
.post .sharedaddy i,
.post .share-links i,
.post .social-share i {
    color: #ffffff !important;
}

/* Pseudo-element icons (::before icons) */
.post .sharedaddy a::before,
.post .share-links a::before,
.post .social-share a::before {
    color: #ffffff !important;
}
/* ======================================
   Center ALL embeds (X, Instagram, etc.)
   ====================================== */

/* WordPress embed wrapper */
.wp-block-embed,
.wp-block-embed__wrapper {
    text-align: center;
}

/* Iframes (YouTube, etc.) */
.wp-block-embed iframe,
iframe {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* X / Twitter embeds */
.twitter-tweet,
.twitter-tweet-rendered {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Instagram embeds */
.instagram-media {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* =========================================
   MOBILE ONLY: REMOVE NEWS SLIDER + CLEAN CARDS
========================================= */
@media (max-width: 767px) {

  /* 1) Kill the News Slider on mobile */
  .big-news-section,
  section.big-news-section {
    display: none !important;
  }

  /* 2) General mobile container padding */
  .container,
  .container-fluid {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* 3) Make ALL preview posts stack nicely (image -> content) */
  .home article.post,
  .archive article.post,
  .blog article.post {
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
  }

  /* Image full width */
  .home article.post figure.post-thumbnail,
  .archive article.post figure.post-thumbnail,
  .blog article.post figure.post-thumbnail {
    width: 100% !important;
    margin: 0 !important;
  }

  .home article.post figure.post-thumbnail img,
  .archive article.post figure.post-thumbnail img,
  .blog article.post figure.post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Content padding */
  .home article.post .post-content,
  .archive article.post .post-content,
  .blog article.post .post-content,
  .home article.post figcaption.post-content,
  .archive article.post figcaption.post-content,
  .blog article.post figcaption.post-content {
    padding: 14px 14px 16px !important;
  }

  /* Title sizing */
  .home article.post .entry-title,
  .archive article.post .entry-title,
  .blog article.post .entry-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin: 8px 0 10px !important;
  }

  /* Meta compact */
  .home article.post .entry-meta,
  .archive article.post .entry-meta,
  .blog article.post .entry-meta {
    font-size: 13px !important;
    opacity: 0.9;
    margin-top: 6px !important;
  }

  /* Excerpt readable */
  .home article.post .entry-summary,
  .archive article.post .entry-summary,
  .blog article.post .entry-summary {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-top: 10px !important;
  }

  /* Read more button: full width + thumb friendly */
  .home article.post a.read-more,
  .archive article.post a.read-more,
  .blog article.post a.read-more,
  .home article.post .read-more a,
  .archive article.post .read-more a,
  .blog article.post .read-more a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 14px !important;
    border-radius: 10px !important;
  }

  /* 4) Remove weird spacing above the post list (if slider left a gap) */
  .home .blog-grid-view-post,
  .archive .blog-grid-view-post,
  .blog .blog-grid-view-post {
    padding-top: 10px !important;
  }
}
/* =========================================
   MOBILE FOOTER REORDER
========================================= */
@media (max-width: 767px) {

  /* Make footer flexible */
  footer .container,
  footer .footer-inner,
  footer .row {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Move categories ABOVE copyright */
  footer .menu,
  footer ul,
  .footer-menu {
    order: 1 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
  }

  /* Copyright goes BELOW */
  footer .copyright,
  footer .site-info {
    order: 2 !important;
    font-size: 13px !important;
    opacity: 0.75;
    text-align: center !important;
  }

}
/* =========================================
   MOBILE FOOTER CLEANUP
========================================= */
@media (max-width: 767px) {

  /* 1) Footer nav layout */
  footer .menu,
  footer ul,
  .footer-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 14px 18px !important;
    padding: 10px 20px 30px !important;
    text-align: center !important;
  }

  /* 2) Footer menu links */
  footer .menu li,
  footer ul li {
    list-style: none !important;
    margin: 0 !important;
  }

  footer .menu li a,
  footer ul li a {
    font-size: 14px !important;
    opacity: 0.85;
  }

  /* 3) Add space so Back-to-Top doesn’t overlap */
  footer {
    padding-bottom: 70px !important;
  }

  /* 4) Slightly reposition back-to-top button */
  .scroll-to-top,
  .back-to-top,
  #back-to-top {
    bottom: 20px !important;
    right: 20px !important;
  }
}
/* =========================================
   MOBILE: FORCE DESKTOP-STYLE NAV BAR
   (Bootstrap: #navbarSupportedContent)
========================================= */
@media (max-width: 800px) {

  /* Hide the hamburger button */
  .navbar .navbar-toggler {
    display: none !important;
  }

  /* Force the collapsed menu to ALWAYS show on mobile */
  #navbarSupportedContent,
  #navbarSupportedContent.collapse,
  #navbarSupportedContent.collapse:not(.show),
  #navbarSupportedContent.navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  /* Full-width bar */
  .navbar,
  .navbar .container,
  .navbar .container-fluid,
  .navbar .containerer-full,   /* your theme uses containerer-full */
  .navbar .containerer-fluid { /* just in case */
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* The menu row itself */
  #navbarSupportedContent .navbar-nav {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;              /* allows 2x2 if needed, but still “bar-like” */
    justify-content: space-around !important; /* neat spacing */
    align-items: center !important;

    margin: 0 !important;
    padding: 0px 0px !important;

    background: #13171e !important;
    border-top: px solid #e10600 !important;
    border-bottom: px solid rgba(255,255,255,.08) !important;
  }

  /* Each item */
  #navbarSupportedContent .navbar-nav .nav-item {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 45% !important;  /* 2 per row on small screens, stays tidy */
    text-align: center !important;
  }

  /* Links */
  #navbarSupportedContent .navbar-nav .nav-link {
    display: block !important;
    padding: px 4px !important;
    margin: 0px 5px !important;

    color: #fff !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;

    border-radius: 10px !important;
    background: rgba(255,255,255,.06) !important;
  }

  /* Active/current page highlight */
  #navbarSupportedContent .navbar-nav .current-menu-item > a,
  #navbarSupportedContent .navbar-nav .current-menu-ancestor > a,
  #navbarSupportedContent .navbar-nav .nav-link.active {
    background: #e10600 !important;
    color: #fff !important;
  }

  /* Remove any weird “divider lines” the theme adds */
  #navbarSupportedContent .navbar-nav li:before,
  #navbarSupportedContent .navbar-nav li:after,
  #navbarSupportedContent .navbar-nav a:before,
  #navbarSupportedContent .navbar-nav a:after {
    content: none !important;
    display: none !important;
  }
}
@media (max-width: 800px) {

  .post-title,
  .entry-title,
  .single-post h1 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px;
  }

}
@media (max-width: 800px) {

  /* Universal embed wrapper fix */
  iframe,
  blockquote,
  .instagram-media,
  .twitter-tweet,
  .tiktok-embed,
  .fb-post {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Center everything */
  .instagram-media,
  .twitter-tweet,
  .tiktok-embed,
  .fb-post,
  iframe {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

}
@media (max-width: 800px) {

  .instagram-media {
    min-width: unset !important;
  }

}
@media (max-width: 800px) {

  .instagram-media,
  .twitter-tweet,
  iframe {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px;
  }

}
@media (max-width: 767px) {

  /* Category badges on article pages */
  .post-categories a,
  .entry-meta .cat-links a,
  .category a,
  .post-category a {

    font-size: 0.6rem !important;     /* smaller text */
    padding: 4px 8px !important;      /* reduced padding */
    border-radius: 20px !important;   /* keep pill shape proportional */
    letter-spacing: 0.5px;
  }

}
@media (max-width: 767px) {

  /* Author name */
  .entry-meta .author a,
  .post-author a,
  .byline a {
    font-size: 0.7rem !important;   /* ~50% smaller */
  }

  /* Date */
  .entry-meta .posted-on,
  .post-date,
  .entry-meta time {
    font-size: 0.7rem !important;
  }

  /* Meta container spacing */
  .entry-meta {
    gap: 6px;
  }

  /* Icons next to author/date */
  .entry-meta i,
  .entry-meta svg {
    font-size: 0.7rem !important;
    width: 14px;
    height: 14px;
  }

}
@media (max-width: 767px) {
  /* Kill social icons/links inside THIS author box only */
  article.post-author-area.vrsn-four ul,
  article.post-author-area.vrsn-four .social,
  article.post-author-area.vrsn-four [class*="social"],
  article.post-author-area.vrsn-four a[href*="facebook"],
  article.post-author-area.vrsn-four a[href*="twitter"],
  article.post-author-area.vrsn-four a[href*="instagram"],
  article.post-author-area.vrsn-four a[href*="linkedin"],
  article.post-author-area.vrsn-four a[href*="youtube"],
  article.post-author-area.vrsn-four a[href*="skype"],
  article.post-author-area.vrsn-four a[href*="plus.google"],
  article.post-author-area.vrsn-four a[href*="mailto:"]{
    display: none !important;
  }
}
@media (max-width: 767px) {
  /* Make the box compact and horizontal */
  article.post-author-area.vrsn-four {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: #13171e !important;
    box-shadow: none !important;
  }

  /* If theme has inner columns, stop stacking */
  article.post-author-area.vrsn-four > * {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Avatar smaller (covers most theme structures) */
  article.post-author-area.vrsn-four img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 !important;
  }

  /* Tighten headings + paragraphs */
  article.post-author-area.vrsn-four h1,
  article.post-author-area.vrsn-four h2,
  article.post-author-area.vrsn-four h3,
  article.post-author-area.vrsn-four h4 {
    margin: 0 0 4px 0 !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
  }

  article.post-author-area.vrsn-four p {
    margin: 0 !important;
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
    opacity: 0.85 !important;
  }
}
@media (max-width: 767px) {
  article.post-author-area.vrsn-four strong,
  article.post-author-area.vrsn-four b,
  article.post-author-area.vrsn-four [class*="website"],
  article.post-author-area.vrsn-four a[href*="http"]{
    display:none !important;
  }
}
/* AUTHOR WIDGET: remove "Website" + social links (desktop/tablet/mobile) */
article.post-author-area.vrsn-four ul,
article.post-author-area.vrsn-four .social,
article.post-author-area.vrsn-four [class*="social"],
article.post-author-area.vrsn-four a[href*="facebook"],
article.post-author-area.vrsn-four a[href*="twitter"],
article.post-author-area.vrsn-four a[href*="x.com"],
article.post-author-area.vrsn-four a[href*="instagram"],
article.post-author-area.vrsn-four a[href*="linkedin"],
article.post-author-area.vrsn-four a[href*="youtube"],
article.post-author-area.vrsn-four a[href*="skype"],
article.post-author-area.vrsn-four a[href*="plus.google"],
article.post-author-area.vrsn-four a[href*="mailto:"],
article.post-author-area.vrsn-four i[class*="fa-"],
article.post-author-area.vrsn-four svg {
  display: none !important;
}

/* Hide the "Website:" label specifically */
article.post-author-area.vrsn-four b,
article.post-author-area.vrsn-four strong {
  display: none !important;
}
/* === FIX WP ADMIN / EDITOR ONLY (does not affect frontend) === */
body.wp-admin,
body.wp-admin #wpwrap,
body.wp-admin #wpcontent,
body.wp-admin #wpbody,
body.wp-admin #wpbody-content {
  background: #f0f0f1 !important;
  color: #1d2327 !important;
}

/* Gutenberg editor canvas */
body.wp-admin .block-editor-page,
body.wp-admin .block-editor-editor-skeleton,
body.wp-admin .editor-styles-wrapper {
  background: #ffffff !important;
  color: #1d2327 !important;
}

/* Side panels / inspector */
body.wp-admin .interface-interface-skeleton__sidebar,
body.wp-admin .components-panel,
body.wp-admin .edit-post-sidebar,
body.wp-admin .edit-post-layout__sidebar {
  background: #ffffff !important;
  color: #1d2327 !important;
}

/* Inputs/buttons */
body.wp-admin input,
body.wp-admin select,
body.wp-admin textarea {
  background: #ffffff !important;
  color: #1d2327 !important;
  border-color: #c3c4c7 !important;
}