/**
 * Custom CSS
 */
 
/**
 * Remove the search icon
 */
#header-search {
  display: none;
}
/**
 * Adjust this so that the logo fits nicely in the header.
 */
.navbar-brand {
  margin-left: -6px;
  margin-top: -6px;
  padding-bottom: 0px;
}

#headerwrapper {
  margin-bottom: 0.5em;
}
  
/** Styling for MCIAB content **/
.callout { border-left: 4px solid var(--metrici-soft-orange); padding: .75rem 1rem; background: var(--metrici-highlight); border-radius:.5rem; }
  
  .quote-divider {
    background: #fef9f5;
    border-left: 5px solid #ff6b6b;
    padding: .5em;
    margin: 1em 0;
    font-style: italic;
    font-size: 1em;
    color: #333;
    border-radius: 6px;
  }

  .quote-divider footer {
    font-style: normal;
    font-weight: bold;
    margin-top: 0.1em;
    color: #555;
  }

.tag-badge {
  border-radius: 50rem;   /* pill shape */
  padding: 0.35em 0.75em;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid transparent;
}

/* Variants */
.tag-clarity {
  color: #0d6efd;
  background-color: #e7f1ff;
  border-color: #cfe2ff;
}


.tag-differentiation, .tag-culture {
  color: #6f42c1;
  background-color: #f5e9fa;
  border-color: #e2d4f0;
}

.tag-loyalty, .tag-insight {
  color: #198754;
  background-color: #e9f7ef;
  border-color: #d1f0d8;
}

.tag-trust {
  color: #e85a2b;
  background-color: #ffe9e2;
  border-color: #ffd6c9;
}

.tag-inspiration {
  color: #e85a2b;                  /* deeper coral text */
  background-color: #ffe9e2;       /* soft peach background */
  border-color: #ffd6c9;           /* light coral border */
}


.tag-impact {
  color: #6f42c1;
  background-color: #f5e9fa;
  border-color: #e2d4f0;
}

.tag-alignment {
  color: #0d6efd;
  background-color: #e7f1ff;
  border-color: #cfe2ff;
}

.tag-momentum {
  color: #6f42c1;
  background-color: #f5e9fa;
  border-color: #e2d4f0;
}

.tag-integrity {
  color: #0d6efd;
  background-color: #e7f1ff;
  border-color: #cfe2ff;
}

.tag-legacy {
  color: #6f42c1;
  background-color: #f5e9fa;
  border-color: #e2d4f0;
}

.tag-focus {
  color: #6f42c1;
  background-color: #f5e9fa;
  border-color: #e2d4f0;
}

.tag-empathy {
  color: #e85a2b;
  background-color: #ffe9e2;
  border-color: #ffd6c9;
}

.tag-connection {
  color: #198754;
  background-color: #e9f7ef;
  border-color: #d1f0d8;
}