/* Theme Mode: Auto / Light / Dark */

:root {
  --tm-bg: #f4f5f6;
  --tm-text: #0a0a16;
  --tm-surface: #eaeaea;
  --tm-border: #bbb;
  --tm-muted: #555;
  --tm-link: #0a0a16;
  --tm-link-hover: #f79400;
  --tm-input-bg: #fff;
  --tm-input-text: #020304;
}

html[data-theme="dark"] {
  --tm-bg: #0b1118;
  --tm-text: #e8edf3;
  --tm-surface: #141d28;
  --tm-border: #2a394d;
  --tm-muted: #a4b4c8;
  --tm-link: #d8e6ff;
  --tm-link-hover: #f7b343;
  --tm-input-bg: #0f1722;
  --tm-input-text: #e8edf3;
}

.header .header-top {
  background-color: #043180;
  border-bottom: 3px #f79400 solid;
  overflow: hidden;
}

.header .header-top .top-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .header-top .top-container a {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  font-size: 15px;
  padding-top: 1px;
  height: 38px;
  line-height: 38px;
  opacity: 0.6;
}

.header .header-top .top-container a.selected,
.header .header-top .top-container a:hover {
  opacity: 1;
}

.header .header-top .top-container .links {
  display: flex;
  align-items: center;
}

.header .header-top .top-container .links a.auto-theme {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 10px 0 0;
}

.header .header-top .top-container .links a.lighten,
.header .header-top .top-container .links a.darken {
  width: 30px;
  overflow: hidden;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -4000px;
  transition: opacity 300ms ease;
}

.header .header-top .top-container .links a.lighten {
  margin-right: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='416' height='416' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 549.16 549.16'%3E%3Cpath fill='%23fff' d='M145.14 112.78l-32.36-32.35c-8.92-8.94-23.43-8.94-32.35 0-8.94 8.94-8.94 23.42 0 32.35l32.35 32.36c8.88 8.89 23.49 8.89 32.36 0 8.93-8.94 8.93-23.42 0-32.36zm129.44 13.07c-82.01 0-148.73 66.72-148.73 148.73 0 82.01 66.72 148.73 148.73 148.73 82.01 0 148.73-66.72 148.73-148.73 0-82.01-66.72-148.73-148.73-148.73zm0 251.7c-56.77 0-102.97-46.2-102.97-102.97 0-56.77 46.2-102.97 102.97-102.97 56.77 0 102.97 46.2 102.97 102.97 0 56.77-46.2 102.97-102.97 102.97zm0-377.55c-12.63 0-22.88 10.25-22.88 22.88v45.77c0 12.63 10.25 22.88 22.88 22.88 12.63 0 22.88-10.25 22.88-22.88V22.88C297.46 10.25 287.21 0 274.58 0zm194.15 80.43c-8.92-8.94-23.43-8.94-32.35 0l-32.36 32.35c-8.93 8.94-8.93 23.42 0 32.36 8.87 8.89 23.49 8.89 32.36 0l32.35-32.36c8.94-8.93 8.94-23.41 0-32.35zm57.55 171.27h-45.76c-12.63 0-22.88 10.25-22.88 22.88 0 12.63 10.25 22.88 22.88 22.88h45.76c12.63 0 22.88-10.25 22.88-22.88 0-12.63-10.25-22.88-22.88-22.88zm-57.55 184.68l-32.35-32.36c-8.93-8.93-23.43-8.93-32.36 0-8.93 8.94-8.93 23.42 0 32.36l32.36 32.35c8.87 8.9 23.48 8.9 32.35 0 8.94-8.93 8.94-23.42 0-32.35zm-194.15 21.26c-12.63 0-22.88 10.25-22.88 22.88v45.76c0 12.63 10.25 22.88 22.88 22.88 12.63 0 22.88-10.25 22.88-22.88v-45.76c0-12.63-10.25-22.88-22.88-22.88zm-129.44-53.62c-8.92-8.93-23.43-8.93-32.36 0l-32.35 32.36c-8.94 8.93-8.94 23.42 0 32.35 8.87 8.9 23.48 8.9 32.36 0l32.35-32.35c8.93-8.94 8.93-23.42 0-32.36zM68.65 251.7H22.88C10.25 251.7 0 261.95 0 274.58c0 12.63 10.25 22.88 22.88 22.88h45.77c12.63 0 22.88-10.25 22.88-22.88 0-12.63-10.25-22.88-22.88-22.88z'/%3E%3C/svg%3E");
  background-size: auto 22px;
}

.header .header-top .top-container .links a.darken {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='253' height='253' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 62.39 62.17'%3E%3Cpath fill='%23fff' d='M59.07 35.78c-9.26 7.83-23.12 7.33-31.73-1.28-8.25-8.25-9.29-22.19-1.75-31.17 1.27-1.55-.28-3.73-2.15-3.27C9.69 3.78 0 16.35 0 30.6c0 17.43 14.13 31.57 31.57 31.57 14.59 0 27.3-10.04 30.69-24.24.68-2.03-1.52-3.34-3.19-2.15zM31.73 57.94C16.64 57.94 4.3 45.61 4.3 30.52c0-10.25 5.72-19.66 14.83-24.32-4.83 10.63-2.99 22.84 5.42 31.25 8.43 8.43 21.38 10.4 31.97 5.1-4.88 9.35-14.13 15.39-24.79 15.39z'/%3E%3C/svg%3E");
  background-size: auto 18px;
}

.header .header-top .top-container #user-actions {
  display: flex;
  align-items: center;
}

.header .header-top .top-container #user-actions a + a {
  margin-left: 12px;
}

@media (min-width: 992px) {
  .header .header-top .top-container a {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
  }

  .header .header-top .top-container #user-actions .login,
  .header .header-top .top-container #user-actions .register {
    position: relative;
    display: inline-block;
    padding-left: 23px;
  }

  .header .header-top .top-container #user-actions .login:before,
  .header .header-top .top-container #user-actions .register:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 100%;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto 19px;
  }

  .header .header-top .top-container #user-actions .login:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264' height='276' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 36.66 38.32'%3E%3Cpath fill='%23fff' d='M17.5 0C10.12 0 3.4 4.24.21 10.88c-1.07 2.21 2.3 3.85 3.37 1.63 2.58-5.35 7.97-8.77 13.92-8.77 8.5 0 15.42 6.92 15.42 15.42S26 34.58 17.5 34.58c-5.95 0-11.34-3.4-13.92-8.76-1.07-2.22-4.44-.59-3.37 1.63 3.19 6.65 9.9 10.87 17.29 10.87 10.59 0 19.16-8.57 19.16-19.16S28.09 0 17.5 0zm-6.86 21.03h10.64l-2.76 2.76c-1.76 1.77.92 4.38 2.65 2.65l4.71-4.7a3.652 3.652 0 000-5.14l-4.71-4.71c-1.74-1.74-4.39.91-2.65 2.65l2.76 2.77H10.64c-2.45-.04-2.47 3.72 0 3.72z'/%3E%3C/svg%3E");
  }

  .header .header-top .top-container #user-actions .register:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='276' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 39.57 39.57'%3E%3Cpath fill='%23fff' d='M21.71 27.34v-5.63h5.62c2.54 0 2.54-3.86 0-3.86h-5.62v-5.62c0-2.54-3.86-2.54-3.86 0v5.62h-5.62c-2.54 0-2.54 3.86 0 3.86h5.62v5.62c0 2.55 3.86 2.55 3.86.01zM19.78 3.86c8.78 0 15.92 7.14 15.92 15.92 0 8.78-7.14 15.92-15.92 15.92-8.78 0-15.92-7.14-15.92-15.92C3.86 11 11 3.86 19.78 3.86zm0 35.71c10.94 0 19.79-8.85 19.79-19.79C39.57 8.85 30.72 0 19.78 0 8.85 0 0 8.85 0 19.78c0 10.94 8.85 19.79 19.78 19.79z'/%3E%3C/svg%3E");
  }
}

@media (max-width: 767px) {
  .header .header-top .top-container a {
    font-size: 13px;
  }

  .header .header-top .top-container .links a.auto-theme {
    font-size: 10px;
    padding-right: 8px;
  }

  .header .header-top .top-container #user-actions a + a {
    margin-left: 10px;
  }
}

.header-place-holder {
  height: 108px;
}

@media (min-width: 768px) {
  .header-place-holder {
    height: 112px;
  }
}

@media (min-width: 992px) {
  .header-place-holder {
    height: 118px;
  }
}

@media (min-width: 1200px) {
  .header-place-holder {
    height: 124px;
  }
}

.header.header-up {
  top: -109px;
}

@media (min-width: 768px) {
  .header.header-up {
    top: -113px;
  }
}

@media (min-width: 992px) {
  .header.header-up {
    top: -119px;
  }
}

@media (min-width: 1200px) {
  .header.header-up {
    top: -125px;
  }
}

html[data-theme="dark"] .header .header-top {
  background-color: #000;
}

html[data-theme="dark"] .header .header-top .top-container a {
  opacity: 0.45;
}

html[data-theme="dark"] .header .header-top .top-container a.selected,
html[data-theme="dark"] .header .header-top .top-container a:hover {
  opacity: 1;
}

html[data-theme="dark"] body {
  background-color: var(--tm-bg);
  color: var(--tm-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5 {
  color: var(--tm-text);
}

html[data-theme="dark"] .header-place-holder {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .introduction,
html[data-theme="dark"] .page-container,
html[data-theme="dark"] .sidebar {
  color: var(--tm-text);
}

html[data-theme="dark"] .introduction .cnt,
html[data-theme="dark"] .blog-archive .blog-items,
html[data-theme="dark"] .search-page article,
html[data-theme="dark"] .page-container blockquote,
html[data-theme="dark"] .side-articles .recent-post a,
html[data-theme="dark"] .tag-cloud .tag-cloud-cnt a,
html[data-theme="dark"] .post-tags a,
html[data-theme="dark"] .faq-item .answer {
  background-color: var(--tm-surface);
  color: var(--tm-text);
}

html[data-theme="dark"] .page-container .breadcrumbs,
html[data-theme="dark"] .post-tags,
html[data-theme="dark"] .faq-body,
html[data-theme="dark"] .page-container .responsive-table table,
html[data-theme="dark"] .search-page article,
html[data-theme="dark"] .faq-item .answer {
  border-color: var(--tm-border);
}

html[data-theme="dark"] .page-container .breadcrumbs a,
html[data-theme="dark"] .page-container a {
  color: var(--tm-link);
}

html[data-theme="dark"] .page-container .breadcrumbs a:hover,
html[data-theme="dark"] .page-container a:hover {
  color: var(--tm-link-hover) !important;
}

html[data-theme="dark"] .page-container .breadcrumbs,
html[data-theme="dark"] .post-title p,
html[data-theme="dark"] .search-page article p,
html[data-theme="dark"] .side-articles .recent-post a h4,
html[data-theme="dark"] .page-container .wp-caption-text,
html[data-theme="dark"] .faq-item .answer,
html[data-theme="dark"] .search-box form input[type=text]::placeholder {
  color: var(--tm-muted);
}

html[data-theme="dark"] .search-box form input[type=text],
html[data-theme="dark"] .subscribe-section form input[type=email] {
  background-color: var(--tm-input-bg);
  color: var(--tm-input-text);
  border-color: var(--tm-border);
}

html[data-theme="dark"] .page-container .responsive-table table tr {
  background-color: #101722;
}

html[data-theme="dark"] .page-container .responsive-table table tr:nth-child(even) {
  background-color: #162131;
}

/* BBP Homepage Modules: Theme-Mode Support */
html[data-theme="dark"] .bbp-panel,
html[data-theme="dark"] .bbp-step-card,
html[data-theme="dark"] .bbp-acquire-card,
html[data-theme="dark"] .bbp-compare-card,
html[data-theme="dark"] .bbp-trust-item,
html[data-theme="dark"] .bbp-panel--quiet,
html[data-theme="dark"] .bbp-supporting-articles .blog-archive.wide-latest .blog-items {
  background-color: var(--tm-surface);
  color: var(--tm-text);
  border-color: var(--tm-border);
}

html[data-theme="dark"] .bbp-story-section--alt .bbp-panel {
  background: linear-gradient(155deg, #162131 0%, #141d28 100%);
}

html[data-theme="dark"] .bbp-story-section--acquire .bbp-panel {
  background: linear-gradient(160deg, #162131 0%, #141d28 100%);
}

html[data-theme="dark"] .bbp-acquire-card--highlight {
  background: linear-gradient(160deg, rgba(247, 179, 67, 0.14) 0%, #162131 100%);
  border-color: rgba(247, 179, 67, 0.56);
}

html[data-theme="dark"] .bbp-panel p,
html[data-theme="dark"] .bbp-step-card p,
html[data-theme="dark"] .bbp-acquire-card__subtext,
html[data-theme="dark"] .bbp-acquire-card__note,
html[data-theme="dark"] .bbp-compare-card .bbp-compare-contrast,
html[data-theme="dark"] .bbp-trust-item p,
html[data-theme="dark"] .bbp-panel--quiet .bbp-section-head p,
html[data-theme="dark"] .bbp-supporting-articles .bbp-supporting-head p {
  color: var(--tm-muted);
}

html[data-theme="dark"] .bbp-panel p strong,
html[data-theme="dark"] .bbp-panel p b,
html[data-theme="dark"] .bbp-trust-item summary,
html[data-theme="dark"] .bbp-compare-card .bbp-compare-advantage {
  color: var(--tm-text);
}

html[data-theme="dark"] .bbp-acquire-card__note {
  border-top-color: rgba(216, 230, 255, 0.26);
}

html[data-theme="dark"] .bbp-acquire-card--highlight .bbp-acquire-card__note {
  border-top-color: rgba(247, 179, 67, 0.5);
  color: var(--tm-text);
}

html[data-theme="dark"] .bbp-acquire-card__icon {
  background: linear-gradient(160deg, #1a2635 0%, #132031 100%);
  border-color: rgba(122, 167, 255, 0.34);
  color: #c4d8ff;
}

html[data-theme="dark"] .bbp-acquire-card--highlight .bbp-acquire-card__icon {
  border-color: rgba(247, 179, 67, 0.56);
  background: linear-gradient(160deg, rgba(247, 179, 67, 0.2) 0%, #1a2635 100%);
  color: #f9c96a;
}

html[data-theme="dark"] .bbp-acquire-card__chip {
  background-color: rgba(247, 179, 67, 0.2);
  color: #f7b343;
  border: 1px solid rgba(247, 179, 67, 0.5);
}

html[data-theme="dark"] .bbp-acquire-bottomline {
  color: var(--tm-text);
}

html[data-theme="dark"] #how-bbp-works .bbp-section-head--process p,
html[data-theme="dark"] #how-bbp-works .bbp-step-detail,
html[data-theme="dark"] #how-bbp-works .bbp-process-note,
html[data-theme="dark"] #how-bbp-works .bbp-session-reassurance,
html[data-theme="dark"] #how-bbp-works .bbp-session-basics p,
html[data-theme="dark"] .bbp-compare-card .bbp-compare-benefit,
html[data-theme="dark"] .bbp-trust-proof {
  color: var(--tm-muted);
}

html[data-theme="dark"] #how-bbp-works .bbp-step-kicker {
  color: #9dbcf3;
}

html[data-theme="dark"] #how-bbp-works .bbp-step-card {
  background: linear-gradient(160deg, #162131 0%, #141d28 100%);
}

html[data-theme="dark"] #how-bbp-works .bbp-step-icon {
  background: linear-gradient(160deg, #1a2635 0%, #132031 100%);
  border-color: rgba(122, 167, 255, 0.34);
  color: #c4d8ff;
}

html[data-theme="dark"] #how-bbp-works .bbp-step-card--result {
  background: linear-gradient(160deg, rgba(247, 179, 67, 0.16) 0%, #162131 100%);
  border-color: rgba(247, 179, 67, 0.58);
}

html[data-theme="dark"] #how-bbp-works .bbp-step-card--result .bbp-step-icon {
  border-color: rgba(247, 179, 67, 0.56);
  background: linear-gradient(160deg, rgba(247, 179, 67, 0.24) 0%, #1a2635 100%);
  color: #f9c96a;
}

html[data-theme="dark"] #how-bbp-works .bbp-step-card--result .bbp-step-kicker {
  color: #f7b343;
}

html[data-theme="dark"] #how-bbp-works .bbp-step-card--result .bbp-step-detail strong {
  color: var(--tm-text);
}

html[data-theme="dark"] #how-bbp-works .bbp-session-basics {
  background: linear-gradient(160deg, #162131 0%, #141d28 100%);
  border-color: var(--tm-border);
}

html[data-theme="dark"] #how-bbp-works .bbp-session-basics h3 {
  color: #9dbcf3;
}

html[data-theme="dark"] #how-bbp-works .bbp-session-basics li {
  background-color: #1a2635;
  border-color: rgba(122, 167, 255, 0.35);
  color: var(--tm-text);
}

html[data-theme="dark"] .bbp-panel--trust .bbp-section-head p,
html[data-theme="dark"] .bbp-trust-item h3 {
  color: var(--tm-text);
}

html[data-theme="dark"] .bbp-trust-proof {
  border-top-color: rgba(216, 230, 255, 0.25);
}

@media (min-width: 1200px) {
  html[data-theme="dark"] .bbp-step-card:not(:last-child)::after {
    border-top-color: rgba(216, 230, 255, 0.35);
    border-right-color: rgba(216, 230, 255, 0.35);
  }
}

html[data-theme="dark"] .bbp-step-number {
  color: #f7b343;
  background-color: #020304;
  border: 1px solid rgba(247, 179, 67, 0.42);
}

html[data-theme="dark"] .bbp-compare-card .bbp-compare-advantage {
  border-top-color: rgba(247, 179, 67, 0.5);
}

html[data-theme="dark"] .bbp-trust-item[open] {
  border-color: rgba(247, 179, 67, 0.55);
}

html[data-theme="dark"] .bbp-trust-item summary::after {
  color: #7aa7ff;
}

html[data-theme="dark"] .bbp-cta-panel {
  background-color: #081120;
  border-color: rgba(247, 179, 67, 0.45);
}

html[data-theme="dark"] .bbp-cta-panel p {
  color: var(--tm-muted);
}

html[data-theme="dark"] .bbp-cta-secondary {
  color: var(--tm-link);
  border-color: rgba(216, 230, 255, 0.35);
}

html[data-theme="dark"] .bbp-cta-secondary:hover {
  color: var(--tm-link-hover);
  border-color: rgba(247, 179, 67, 0.7);
}

html[data-theme="dark"] .bbp-resource-links a {
  background-color: var(--tm-input-bg);
  color: var(--tm-link);
  border-color: var(--tm-border);
}

html[data-theme="dark"] .bbp-resource-links a:hover {
  background-color: #053ea1;
  color: white !important;
}

html[data-theme="dark"] .subscribe-section.bbp-subscribe-secondary .cnt {
  background-color: #141d28;
  border: 1px solid var(--tm-border);
}

html[data-theme="dark"] .subscribe-section.bbp-subscribe-secondary h2 {
  color: var(--tm-text);
}

html[data-theme="dark"] .subscribe-section.bbp-subscribe-secondary form button[type="submit"] {
  background-color: #f79400;
  color: #020304;
}

html[data-theme="dark"] .subscribe-section.bbp-subscribe-secondary form button[type="submit"]:hover {
  background-color: #f7b343;
  color: #020304;
}

html[data-theme="dark"] .bbp-panel,
html[data-theme="dark"] .bbp-step-card,
html[data-theme="dark"] .bbp-acquire-card,
html[data-theme="dark"] .bbp-compare-card,
html[data-theme="dark"] .bbp-trust-item,
html[data-theme="dark"] .bbp-panel--quiet,
html[data-theme="dark"] .bbp-cta-panel,
html[data-theme="dark"] .subscribe-section.bbp-subscribe-secondary .cnt {
  box-shadow: 0 12px 28px -22px rgba(0, 0, 0, 0.75);
}
