.stages-research{
width:60%
}

/*remove author from post*/
.entry-meta{
display:none!important;
}

/*hide table fo contents on posts*/

#toc_container,
.lwptoc,
.ez-toc-container,
#ez-toc-container {
    display: none !important;
}


.css-quiz-central{
  position:relative;
  display:inline-block;
  border-radius:35px;   /* round the banner */
  overflow:hidden;      /* clip image to radius */
}

.css-quiz-central img{
  display:block;
  border-radius:inherit;
}

/* draw red outline, but mask it to only the left & right ends */
.css-quiz-central::before,
.css-quiz-central::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:35px;
  box-shadow:0 0 0 4px #e0001a;   /* border thickness/color */
  pointer-events:none;
}

/* left end */
.css-quiz-central::before{
  -webkit-mask: radial-gradient(100% 50% at 0% 50%, #000 99%, transparent 100%);
          mask: radial-gradient(100% 50% at 0% 50%, #000 99%, transparent 100%);
}

/* right end */
.css-quiz-central::after{
  -webkit-mask: radial-gradient(100% 50% at 100% 50%, #000 99%, transparent 100%);
          mask: radial-gradient(100% 50% at 100% 50%, #000 99%, transparent 100%);
}


#menu-main-top.menu {
    font-size: 16px !important;
   		background-color: #f7f7f7!important;
}


/* --- Equalize the inner page gutters --- */
.page #primary,
.page .site-content,
.page .entry-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Give the reading column symmetric padding and center it */
.page .entry-content {
  max-width: 1400px;              /* adjust to taste */
  margin-left: auto !important;
  margin-right: auto !important;
  
}

/* Kill leftover sidebar math on pages (common Vantage quirk) */
.page #primary { width: 100% !important; float: none !important; }
.page #secondary { display: none !important; }

/* SiteOrigin Page Builder sometimes injects extra left space */
.page .entry-content .panel-grid,
.page .entry-content .panel-grid-cell {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* If you use Gutenberg wide/full blocks, keep them centered correctly */
.page .entry-content .alignwide { max-width: 1400px }
.page .entry-content .alignfull {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
}




/* --- add tooltiop to protein WP forms --- */
.wpforms-help-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:1.6em; height:1.6em; margin-left:.4rem; line-height:1;
  border:0; border-radius:50%; font-weight:700; cursor:pointer;
  background:#eef2ff;
}

.wpforms-tooltip {
  position:absolute; z-index:99999; max-width:300px;
  padding:.75rem .9rem; font-size:.92rem;
  background:#111; color:#fff; border-radius:.55rem;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  transform:translateY(-10px); opacity:0; pointer-events:none;
  transition:opacity .15s ease, transform .15s ease;
}
.wpforms-tooltip.is-open { opacity:1; transform:translateY(0); pointer-events:auto; }

/* Keep the HTML field hidden (only holds content) */
.wpforms-help-tooltip-content { display:none !important; }

/* Mobile: use a bottom sheet so it never overflows */
@media (max-width:600px){
  .wpforms-tooltip {
    position:fixed; left:14px; right:14px; bottom:14px;
    transform:none; opacity:0;
  }
  .wpforms-tooltip.is-open { opacity:1; }
}

/* Z-index safety if other elements sit above */
.wpforms-tooltip { z-index: 999999; }


/*jotform 6 steps grid formatting*/
/* --- Grid Card --- */
.t2c-table-wrap{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(16,24,40,0.06);
  overflow:auto;
}

/* --- Table --- */
#t2c-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
}

/* Header */
#t2c-table thead th{
  position:sticky; top:0; z-index:1;
  background:#f7f9fc;
  color:#374151;
  font-weight:600;
  padding:12px 14px;
  border-bottom:1px solid #e6e9ef;
  white-space:nowrap;
}

/* Cells */
#t2c-table tbody td{
  padding:12px 14px;
  border-bottom:1px solid #f0f2f5;
  vertical-align:middle;
}

/* Zebra + hover */
#t2c-table tbody tr:nth-child(odd) td{ background:#fcfdff; }
#t2c-table tbody tr:hover td{ background:#f7fbff; }

/* Rounded corners for first/last row */
#t2c-table thead th:first-child{ border-top-left-radius:12px; }
#t2c-table thead th:last-child{ border-top-right-radius:12px; }
#t2c-table tbody tr:last-child td:first-child{ border-bottom-left-radius:12px; }
#t2c-table tbody tr:last-child td:last-child{ border-bottom-right-radius:12px; }

/* Column niceties */
#t2c-table tbody td:nth-child(1){ color:#111827; font-weight:600; white-space:nowrap; }
#t2c-table tbody td:nth-child(3){ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; color:#6b7280; white-space:nowrap; }
#t2c-table tbody td:nth-child(4){ white-space:nowrap; }

/* PDF link as a quiet button */
.t2c-linkbtn{
  display:inline-block; text-decoration:none;
  padding:8px 12px; border-radius:8px;
  border:1px solid #d1d5db; background:#fff; color:#1f2937;
}
.t2c-linkbtn:hover{ border-color:#9ca3af; background:#f9fafb; }

/* Copy button consistent with links */
#t2c-table .t2c-copy{
  background:#5f7f80; color:#fff; border:0; border-radius:8px;
  padding:8px 12px; cursor:pointer; font-size:14px;
}
#t2c-table .t2c-copy:hover{ filter:brightness(1.05); }


/*modal jotform buttons */
/* === Tooltips (final) === */
.has-tip {
  position: relative;
  cursor: help; /* or pointer */
}

/* bubble + arrow (hidden by default) */
.has-tip::after,
.has-tip::before {
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 999999;
}

/* bubble */
.has-tip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  background: #111827;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
}

/* arrow */
.has-tip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111827;
}

/* show on hover or keyboard focus (focus-visible) */
.has-tip:hover::after,
.has-tip:hover::before,
.has-tip:focus-visible::after,
.has-tip:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* prevent “sticky” tooltips when clicked with mouse */
.has-tip:focus:not(:focus-visible)::after,
.has-tip:focus:not(:focus-visible)::before {
  opacity: 0;
  transform: translateX(-50%);
}



/* Always hide these jotfor iframe fields, even in edit mode */
#id_55,  /* Email */
#id_56,  /* WP User ID */
#id_57 { /* Version Of */
  display: none !important;
}
.T2-h2-margin{
	margin:0!important;
}


/* Make EVERY Smart Slider image layer inside this slider (ID6) the same height */
/* Layer has .uniform-img — target the picture/img inside that layer only */
#n2-ss-6 .uniform-img picture,
#n2-ss-6 .uniform-img img{
  height:200px !important;
  width:100% !important;
  object-fit:cover !important;
  display:block;
}

/* home page signposts Make the picture act like a background-cover inside its column */
.Unsure-signposts {
  display:block;
  width:100% !important;
  height:240px !important;     /* pick the row height you want */
  object-fit: cover;           /* crop to fill */
  object-position: center;
  border-radius: 0;            /* optional */
}
/*HOME PAGE HEADING*/
.home_main_heading{
	margin:0!important;
}
/*left and right borders for home page column text*/
@media (min-width: 768px) {
.t2-stages-text-homepage {
  border-left: 1px solid #ccc;   /* adjust colour */
/*  border-right: 1px solid #ccc;  /* adjust colour */
  padding: 0 16px;               /* keep text from touching borders */
  box-sizing: border-box;
}
}
/* Overlay */
.t2c-modal{
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 9999;
  display: none;                 /* hidden by default */
  background: rgba(0,0,0,0.65);  /* dim background */
}

/* Show state (toggled by JS) */
.t2c-modal.show{ display: block; }

/* Prevent page scroll while modal open */
body.t2c-modal-open{ overflow: hidden; }

/* Modal box */
.t2c-modal-content{
  background: #ffffff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow: auto;
  margin: 5vh auto;              /* center and add top/bottom room */
  padding: 22px 28px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Close button */
.t2c-close{
  border: 0;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  color: #666666;
  float: right;
}
.t2c-close:hover{ color: #000000; }

/* Optional: simple fade-in (safe CSS) */
.t2c-modal{ opacity: 0; transition: opacity 150ms ease; }
.t2c-modal.show{ opacity: 1; }



/*this is the glossary page*/

.page-id-5 .entry-title {
  display: none;
}

/*all H1 headings on site*/

h1 {
  font-size: 34px!important;
  line-height: 1.3;
  /* optional for nicer spacing */
}

/*hide the breadcrumb menu*/

.aioseo-breadcrumbs {
  display: none;
}

/* hide the menu bar search option */

#search-icon #search-icon-icon .vantage-icon-search {
  display: none;
}

/* glossary page buttons – unified for  and  */

.learn-more {
  background: #5e8081;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  /* stop bold on button */
  width: 40%;
  /* padding:.45rem .9rem;*/
  border-radius: 9999px;
  /*border:1px solid transparent;*/
  text-decoration: none;
  display: inline-flex;
  /* sit side-by-side */
  align-items: center;
  justify-content: center;
}

/* make  look identical to  */

button.learn-more {
  appearance: none;
  border: 0;
  background: #5e8081;
  font: inherit;
  /* same weight/face as link */
}

/* row layout */

.term-actions {
  display: flex;
  justify-content: center;
  margin-top: .75rem;
  flex-wrap: wrap;
}

/* spacing between the two buttons (no gap) */

.term-actions .learn-more {
  margin: 0 8px;
  /* left/right spacing */
}

/* hover / focus */

.learn-more:hover,
.learn-more:focus {
  background: #4f6b6c;
  transform: scale(1.05);
}

/* stack on very small screens */

@media (max-width:480px) {
  .term-actions {
    flex-direction: column;
    align-items: center;
  }

  .term-actions .learn-more {
    width: 100%;
    margin: 0 0 8px;
  }
}

/* make button and link text render identically */

.learn-more {
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

/* buttons sometimes use different UA styles; flatten them */

button.learn-more {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: #5e8081;
  /* keep your color */
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

/* neat space between icon and label */

.btn-icon {
  display: inline-block;
  margin-right: 6px;
  line-height: 0;
  /* prevents vertical wobble */
}

/* Full-page background image */

body {
  background-image: linear-gradient(rgba(0,0,0,0.850), rgba(0,0,0,0.850)),  
    url('http://type2clarity.com/wp-content/uploads/2025/10/svg-type2-clarity-T2-circle-only.svg');
  background-repeat: no-repeat, repeat;
  background-size: cover, 160px 160px;
  background-position: center top, left top;
  background-attachment: fixed, scroll;
}

/*Home page commitment buttons - call to action buttons - produces a modal message*/

/*set modal font size*/

H3#readyTitle {
  font-size: 28px;
  margin-bottom: .5rem;
}

dialog p {
  font-size: 16px;
  margin: .5rem 0;
}

/*Home page commitment buttons - modal formtting */

/* --- Native  base --- */

body dialog {
  max-width: 560px;
  border: 4px solid #5e8081;
  /* green border */
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  padding: 16px 20px 20px;
  line-height: 1.5;
}

/* Backdrop */

body dialog::backdrop {
  background: rgba(0,0,0,.35);
}

/* Accent underline on heading */

body dialog h3 {
  margin: 0 0 .5rem;
  padding-bottom: .5rem;
  border-bottom: 5px solid #5e8081;
  text-align: center;
}

/* Buttons inside the dialog */

body dialog form button {
  padding: .6rem 1rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  font-size: 18px;
}

/* Subtle entrance animation */

@keyframes modal-in {
  from {
    transform: translateY(6px) scale(.98);
    opacity: 0;
  }

  to {
    transform: translateY(0)   scale(1);
    opacity: 1;
  }
}

body dialog[open] {
  animation: modal-in .18s ease-out;
}

/* Accessibility focus ring */

body dialog :focus-visible {
  outline: 2px solid #1fa971;
  outline-offset: 2px;
}

/* Stacked, centered icon above the heading */

dialog .modal-icon {
  display: block;
  width: 36px;
  /* tweak size as needed */
  height: 36px;
  margin: 0 auto .5rem;
  /* centers and adds space below */
}

#menu-main-top.menu {
  font-size: 12px!important;
  font-style: normal;
  background-color: #ffffff;
  color: #080707;
  border-bottom-width: 1px;
  border-bottom-color: #4a4242;
  border-bottom-style: solid;
}

.wp-block-separator.alignwide.has-alpha-channel-opacity {
  background-color: #4a4242;
  border-bottom-width: 0px;
}