/* xl - DESKTOP STYLES */ 
.nectar-social.fixed {
    right: 60px !important;
    bottom: 9px !important;
}

h2, h2 em.animated {
    color: black !important;
    background: transparent;
    background-image: none !important;
}

.divider-wrap {
    display: none;
}

.nectar-fancy-ul {
    max-width: 600px;
}

.post-content {
    padding: 0 95px !important;
}

p {
    text-wrap-style: pretty;
}

h3.toggle-title, h3.toggle-title a {
    margin-top: 0;
    margin-bottom: 0 !important;
    text-decoration: none;
}


.post-area.col {
margin: 10vh auto;
    background: #ffffff;
    padding: 30px !important;
    color: #000000 !important;
    border-radius: 15px;
    box-shadow: 0px 10px 120px 0px rgb(0 0 0 / 24%);
	    max-width: 960px !important;
}

div#author-bio {
    display: none;
}

i.icon-default-style.icon-salient-check.accent-color {
    color: #dca75f;
}


/* =========================================================
   WordPress Post Content Reset + Base Styles (SCOPED)
   Targets common WP content wrappers only:
   - .entry-content (classic themes / many builders)
   - .wp-block-post-content (block themes / FSE)
   - .post-content (common custom class)
   ========================================================= */

/* 1) Scope + design tokens (easy to override per theme) */
:where(.entry-content, .wp-block-post-content, .post-content) {
  /* Typography */
  --post-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji",
    "Segoe UI Emoji";
  --post-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;

  --post-font-size: 1rem;          /* 16px base (inherits user settings) */
  --post-line-height: 1.65;        /* readable body text */
  --post-max-line-length: 72ch;    /* comfortable measure for long reads */

  /* Spacing scale */
  --post-space-1: 0.25rem;
  --post-space-2: 0.5rem;
  --post-space-3: 0.75rem;
  --post-space-4: 1rem;
  --post-space-5: 1.5rem;
  --post-space-6: 2rem;

  --post-flow-space: var(--post-space-4);

  /* Colors (accessible defaults; theme can override) */
  --post-bg: transparent;
  --post-text: #111827;            /* near-black */
  --post-muted: #4b5563;           /* gray */
  --post-border: #e5e7eb;          /* light gray border */
  --post-link: #1d4ed8;            /* blue */
  --post-link-hover: #1e40af;      /* darker blue */
  --post-code-bg: #f3f4f6;         /* light gray */
  --post-quote-bg: #f9fafb;        /* very light gray */
  --post-selection-bg: #fde68a;    /* soft yellow */

  color: var(--post-text);
  background: var(--post-bg);
  font-family: var(--post-font-family);
  font-size: var(--post-font-size);
  line-height: var(--post-line-height);

  /* Improve text rendering */
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

/* 2) A small reset, scoped */
:where(.entry-content, .wp-block-post-content, .post-content) *,
:where(.entry-content, .wp-block-post-content, .post-content) *::before,
:where(.entry-content, .wp-block-post-content, .post-content) *::after {
  box-sizing: border-box;
}

:where(.entry-content, .wp-block-post-content, .post-content) :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,figure,pre,table,hr) {
  margin: 0;
}

/* 3) Flow spacing: add consistent spacing between blocks */
:where(.entry-content, .wp-block-post-content, .post-content) > * + * {
  margin-block-start: var(--post-flow-space);
}

/* Optional: keep long articles readable on wide layouts */
:where(.entry-content, .wp-block-post-content, .post-content) {
  /* Don’t force a max width if your theme already manages layout.
     If you *want* a readable column even inside wide containers, uncomment: */
  /* max-width: var(--post-max-line-length); */
}

/* 4) Headings */
:where(.entry-content, .wp-block-post-content, .post-content) :is(h1,h2,h3,h4,h5,h6) {
  line-height: 1.25;
  font-weight: 700;
  color: var(--post-text);
}

:where(.entry-content, .wp-block-post-content, .post-content) h1 { font-size: clamp(1.9rem, 3vw, 2.4rem); }
:where(.entry-content, .wp-block-post-content, .post-content) h2 { font-size: clamp(1.6rem, 2.4vw, 2rem); }
:where(.entry-content, .wp-block-post-content, .post-content) h3 { font-size: clamp(1.35rem, 2vw, 1.6rem); }
:where(.entry-content, .wp-block-post-content, .post-content) h4 { font-size: 1.25rem; }
:where(.entry-content, .wp-block-post-content, .post-content) h5 { font-size: 1.125rem; }
:where(.entry-content, .wp-block-post-content, .post-content) h6 { font-size: 1rem; color: var(--post-muted); }

/* 5) Paragraphs + small text */
:where(.entry-content, .wp-block-post-content, .post-content) p {
  max-width: var(--post-max-line-length);
}

:where(.entry-content, .wp-block-post-content, .post-content) :is(small, .has-small-font-size) {
  font-size: 0.875em;
  color: var(--post-muted);
}

/* 6) Links */
:where(.entry-content, .wp-block-post-content, .post-content) a {
  color: var(--post-link);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.15em;
}

:where(.entry-content, .wp-block-post-content, .post-content) a:hover {
  color: var(--post-link-hover);
}

:where(.entry-content, .wp-block-post-content, .post-content) a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--post-link) 35%, transparent);
  outline-offset: 2px;
  border-radius: 0.125rem;
}

/* 7) Lists */
:where(.entry-content, .wp-block-post-content, .post-content) :is(ul, ol) {
  padding-inline-start: 1.25rem;
}

:where(.entry-content, .wp-block-post-content, .post-content) li + li {
  margin-block-start: 0.35rem;
}

/* 8) Media */
:where(.entry-content, .wp-block-post-content, .post-content) :is(img, video, svg, canvas) {
  max-width: 100%;
  height: auto;
}

:where(.entry-content, .wp-block-post-content, .post-content) figure {
  margin: 0;
}

:where(.entry-content, .wp-block-post-content, .post-content) figcaption,
:where(.entry-content, .wp-block-post-content, .post-content) .wp-caption-text {
  margin-top: var(--post-space-2);
  font-size: 0.9em;
  color: var(--post-muted);
}

/* 9) Blockquotes */
:where(.entry-content, .wp-block-post-content, .post-content) blockquote {
  padding: var(--post-space-4) var(--post-space-5);
  background: var(--post-quote-bg);
  border-left: 4px solid var(--post-border);
  border-radius: 0.5rem;
  color: color-mix(in srgb, var(--post-text) 90%, var(--post-muted));
}

:where(.entry-content, .wp-block-post-content, .post-content) blockquote > * + * {
  margin-block-start: var(--post-space-3);
}

/* 10) Code */
:where(.entry-content, .wp-block-post-content, .post-content) :is(code, kbd, samp) {
  font-family: var(--post-font-family-mono);
  font-size: 0.95em;
}

:where(.entry-content, .wp-block-post-content, .post-content) code {
  padding: 0.15em 0.35em;
  background: var(--post-code-bg);
  border: 1px solid var(--post-border);
  border-radius: 0.35rem;
}

:where(.entry-content, .wp-block-post-content, .post-content) pre {
  padding: var(--post-space-5);
  background: var(--post-code-bg);
  border: 1px solid var(--post-border);
  border-radius: 0.75rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

:where(.entry-content, .wp-block-post-content, .post-content) pre code {
  padding: 0;
  border: 0;
  background: transparent;
}

/* 11) Tables */
:where(.entry-content, .wp-block-post-content, .post-content) table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--post-border);
  border-radius: 0.5rem;
  overflow: hidden; /* rounds corners in many browsers */
}

:where(.entry-content, .wp-block-post-content, .post-content) :is(th, td) {
  padding: 0.75rem;
  border-bottom: 1px solid var(--post-border);
  vertical-align: top;
}

:where(.entry-content, .wp-block-post-content, .post-content) th {
  text-align: left;
  font-weight: 700;
  background: color-mix(in srgb, var(--post-code-bg) 70%, transparent);
}

:where(.entry-content, .wp-block-post-content, .post-content) tr:last-child :is(th, td) {
  border-bottom: 0;
}

/* 12) HR */
:where(.entry-content, .wp-block-post-content, .post-content) hr {
  border: 0;
  border-top: 1px solid var(--post-border);
  margin-block: var(--post-space-6);
}

/* 13) Selection */
:where(.entry-content, .wp-block-post-content, .post-content) ::selection {
  background: var(--post-selection-bg);
}

/* 14) WordPress alignment helpers (safe defaults) */
:where(.entry-content, .wp-block-post-content, .post-content) .aligncenter {
  display: block;
  margin-inline: auto;
}

:where(.entry-content, .wp-block-post-content, .post-content) :is(.alignleft, .alignright) {
  max-width: 50%;
}

@media (max-width: 640px) {
  :where(.entry-content, .wp-block-post-content, .post-content) :is(.alignleft, .alignright) {
    float: none;
    max-width: 100%;
    margin-inline: 0;
  }
}

:where(.entry-content, .wp-block-post-content, .post-content) :is(h1,h2,h3,h4,h5,h6){
  margin: 0;
  line-height: 1.25;
  font-weight: 700;
  text-transform: capitalize;
  text-wrap-style: balance;
  margin-top: 60px;
		margin-bottom:10px !important; 
	color:#000 !important;
}

div#page-header-wrap {
    display: none;
}

.vanish{ display:none !important; }