@font-face {
    font-family: 'Helvetica';
    src: url('fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.container-wrap{z-index: 9999;}
/* =========================================================
   TFBG Tabs — behind grey, no top gap, move only on hover/active
========================================================= */

:root{
  --tab-h: 64px;        /* base tab height */
  --tab-h-active: 64px; /* active tab height */
  --tab-pad-x: 34px;    /* left/right padding */
  --tab-radius: 14px;   /* top radius */
  --tab-drop: 10px;     /* how far tabs hang down (behind grey) */
  --lift-hover: 10px;   /* hover lift amount */
  --lift-active: 10px;  /* active lift amount */
}


body h2, .blog-archive-header h1, h1.entry-title{color: #59c7c5 !important;font-size: 34px !important;}
body h3, body h4{color: #1c7e72 !important;}
.nectar-fancy-box h4{color: #fff !important;}
.um-account-side a[data-tab="privacy"] {
    display: none !important;
}
.um-account-side .um-account-meta{display: none !important}
.blog-archive-header .subheader{display: none !important}
/* ---- keep header normal (remove unexpected extra top space) ---- */
#top { position: relative !important; }
#top .container,
#top .row,
#top .col { overflow: hidden !important; }

/* MAIN menu UL only */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows{
  display:flex !important;
  align-items:flex-end !important;
  gap: 0 !important;                 /* NO gaps */
  margin: 0 !important;
  padding: 0 !important;

  /* IMPORTANT: use TOP instead of transform so header doesn't "grow" weirdly */
  position: relative !important;
  top: var(--tab-drop) !important;   /* pushes tabs DOWN into the grey area */
  z-index: 1 !important;             /* tabs BEHIND grey/hero if grey has higher z */
}

/* ensure li has no spacing */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* only pill tabs */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"]{
  position: relative !important;
}

/* kill Salient overlays */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li > a:before,
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li > a:after{
  content:none !important;
  display:none !important;
}

/* TAB base (no default vertical movement) */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"] > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  height: var(--tab-h) !important;
  padding: 0 var(--tab-pad-x) !important;

  border-radius: var(--tab-radius) var(--tab-radius) 0 0 !important;

  /* NO transform at rest */
  transform: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, height .18s ease;

  position: relative !important;
  z-index: 2 !important;

  text-decoration:none !important;
}

/* White text always */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"] > a,
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"] > a .menu-title-text{
  color:#fff !important;
  font-weight:800 !important;
  line-height:1 !important;
}

/* colours */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.pill-home > a{ background:#57c3c1 !important; }
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.pill-staff > a{ background:#1b7c70 !important; }
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.pill-agreement > a{ background:#f1655a !important; }
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.pill-library > a{ background:#11b7d6 !important; }

/* remove 1px seam between tabs */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"]:not(:first-child) > a{
  margin-left:-1px !important;
}

/* hover = lift only */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li[class*="pill-"]:hover > a{
  transform: translateY(calc(-1 * var(--lift-hover))) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  filter: brightness(1.02);
}

/* ACTIVE (manual class) = taller + lifted */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.current_page_item > a{
  height: var(--tab-h-active) !important;
  transform: translateY(calc(-1 * var(--lift-active))) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.20);
}

/* active + hover = stay active */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li.current_page_item:hover > a{
  transform: translateY(calc(-1 * var(--lift-active))) !important;
}

/* don't style social */
#top nav[aria-label="Main Menu"] > ul.sf-menu.sf-js-enabled.sf-arrows > li#social-in-menu{
  margin-left: 12px !important;
  align-self:center;
}
#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text::before {
  background-color: transparent !important;
}
#header-outer {
 position: relative;
}
.nectar-social.fixed{display: none !important}
#header-space {
  height: 118px;
  display: none !important;
}
.admin-bar #header-outer, .logged-in.buddypress #header-outer {
  top: 0px !important;
}

.nectar-post-grid-item h3.post-heading *{color: #59c7c5 !important;font-size: 24px !important;}
.nectar-post-grid[data-text-hover-color="dark"] .nectar-underline .post-heading {
  background-image: linear-gradient(to right,#59c7c5 0,#59c7c5 100%);
}
.nectar-post-grid-item__read-more{background: #59c7c5;display: inline-block !important;
  padding: 8px 15px;
  border-radius: 50px;}
.nectar-post-grid-item__read-more .link_text{color: #fff !important}
.nectar-post-grid-item__read-more .link_text svg{display: none !important}
.page-banner-title{margin-top: -30px;}

.post .more-link span{background-color: #59c7c5;border-radius: 50px !important;font-weight: 600 !important;}
.um input[type="submit"].um-button,.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, #um_account_submit_general{background-color: #59c7c5 !important;}