body,
.v-application {
  font-family: 'Figtree', 'Inter', system-ui, sans-serif;
}

/* Sticky footer: when page content is shorter than the viewport, push the
   footer container to the bottom of the scroll area. Two DOM shapes wrap
   the footer container, depending on which layout rendered the page:

   - Pagebuilder layout (`pagebuilder/layouts/page_layout.go`): containers
     are siblings inside .v-main.pb_div_body > .v-container > .v-row > .v-col.

   - UI layout (`modules/ui/layout.go`): pages like account/welcome render
     containers as siblings inside a plain wrapper div (e.g. .o-onboarding)
     that sits directly under .v-main.main-container. The UI layout
     injects its own sticky-footer rules inline (it doesn't link pb.css),
     so the .main-container rule lives there.

   In both cases .v-main is a scroll container with height: 100vh, so we
   make the chain above the footer a flex column and let the footer's
   auto-margin consume the remaining space. */
.pb_div_body > .v-container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.pb_div_body > .v-container > .v-row {
  flex: 1 0 auto;
}

.pb_div_body > .v-container > .v-row > .v-col {
  display: flex;
  flex-direction: column;
}

.main-container > .o-onboarding {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.container-footer {
  margin-top: auto;
}

html {
  --pl-orange: #ff6600;
  --v-shadow-key-umbra-opacity: 0.2;
  --v-shadow-key-penumbra-opacity: 0.14;
  --v-shadow-key-ambient-opacity: 0.12;
  --v-layout-top: 0px;
}

/*
.pb_div_body {
  background-color: rgba(var(--v-theme-surface), 0.5);
}

.pb_div_body img {
  border-radius: 25px;
}
*/
.page_link_title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 20px;
}

.page_link_link {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin-top: 10px;
}

.page_link {
  overflow: auto;
  align-items: center;
  justify-content: center;
}

.pb_div_body a {
  text-decoration: none;
}

.page_link .v-card-text {
  height: auto;
}

.page_link.v-card .v-card-title {
  /* line-height: normal; */
  height: auto;
}

.text-content-column {
  /* This column will be flexible and suggests an ideal basis of 70% */
  flex: 1 1 70%;
  min-width: 450px;
}

.image-column {
  /* This column won't grow but will shrink. Its ideal width is 300px. */
  flex: 0 6 250px;
}

/* On mobile, when the layout stacks (due to flex-column),
   we ensure the text column doesn't have a min-width that could cause overflow.
*/

.markdown-theme-default {
  overflow-x: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--tangerine-base-color);
  word-break: break-word;
  transition: color .35s;
  --tangerine-base-color: #353535;
  --tangerine-title-color: #c04f00;
  --tangerine-strong-color: #ff6600;
  --tangerine-em-color: #f78c49;
    --tangerine-del-color: #ccc;
    --tangerine-link-color: #ff6600;
    --tangerine-linkh-color: #e65c00;
    --tangerine-border-color: #ffc9a3;
    --tangerine-border-color-2: #ececec;
    --tangerine-bg-color: #fff;
    --tangerine-blockquote-color: #8c8c8c;
    --tangerine-blockquote-bg-color: #ffebe5;
    --tangerine-code-color: #c2185b;
    --tangerine-code-bg-color: #fff4f4;
    --tangerine-code-pre-color: #f8f8f8;
    --tangerine-table-border-color: #ffd8be;
    --tangerine-table-th-color: #ffe8d6;
    --tangerine-table-tht-color: #c04f00;
    --tangerine-table-tr-nc-color: #fffbf7;
    --tangerine-table-trh-color: #fcece0;
    --tangerine-slct-title-color: #c04f00;
    --tangerine-slct-titlebg-color: rgba(255, 178, 128, .25);
    --tangerine-slct-text-color: #c80000;
    --tangerine-slct-bg-color: rgba(255, 178, 128, .25);
    --tangerine-slct-del-color: #999;
    --tangerine-slct-elbg-color: #e8ebec;
    --tangerine-slct-codebg-color: #ffeaeb;
    --tangerine-slct-prebg-color: rgba(255, 153, 51, .25);
}

.markdown-theme-default h1 {
  padding-bottom: 4px;
  margin-top: 36px;
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  transition: color .35s
}

.markdown-theme-default h2 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px solid var(--tangerine-border-color-2);
  padding-bottom: 10px;
  margin-top: 36px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  transition: color .35s
}

.markdown-theme-default h2:before {
  position: relative;
  top: -6px;
  left: auto;
  content: "「"
}

.markdown-theme-default h2:after {
  position: relative;
  top: 6px;
  right: auto;
  content: "」"
}

.markdown-theme-default h3 {
  position: relative;
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  padding-left: 6px;
  transition: color .35s
}

.markdown-theme-default h3:before {
  padding-right: 6px;
  color: var(--tangerine-strong-color);
  content: "»"
}

.markdown-theme-default h4 {
  padding-bottom: 0;
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  padding-left: 6px;
  transition: color .35s
}

.markdown-theme-default h5 {
  padding-bottom: 0;
  margin-top: 18px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  padding-left: 6px;
  transition: color .35s
}

.markdown-theme-default h6 {
  padding-bottom: 0;
  margin-top: 12px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--tangerine-title-color);
  padding-left: 6px;
  transition: color .35s
}

.markdown-theme-default p {
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: inherit
}

.markdown-theme-default p:empty:after {
  content: " "
}

.markdown-theme-default img {
  max-width: 100%
}

.markdown-theme-default hr {
  position: relative;
  width: 98%;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
  overflow: visible;
  background-image: linear-gradient(90deg, var(--tangerine-link-color), rgba(255, 0, 0, .3), var(--tangerine-link-color));
  border-width: 0
}

.markdown-theme-default code {
  padding: .065em .4em;
  overflow-x: auto;
  font-family: menlo, monaco, consolas, Courier New, monospace;
  font-size: .87em;
  color: var(--tangerine-code-color);
  word-break: break-word;
  background-color: var(--tangerine-code-bg-color);
  border-radius: 2px
}

.markdown-theme-default pre {
  position: relative;
  overflow: auto;
  font-family: menlo, monaco, consolas, Courier New, monospace;
  line-height: 1.75
}

.markdown-theme-default pre>code {
  display: block;
  padding: 16px 12px;
  margin: 0;
  overflow-x: auto;
  font-size: 12px;
  color: #333;
  word-break: normal;
  background: var(--tangerine-code-pre-color)
}

.markdown-theme-default pre>code::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.markdown-theme-default pre>code::-webkit-scrollbar-track {
  background-color: var(--tangerine-border-color)
}

.markdown-theme-default pre>code::-webkit-scrollbar-thumb {
  background-color: var(--tangerine-strong-color);
  border-radius: 10px
}

.markdown-theme-default a {
  position: relative;
  color: var(--tangerine-link-color);
  text-decoration: none;
  border-bottom: 1px solid var(--tangerine-border-color)
}

.markdown-theme-default a:hover {
  color: var(--tangerine-linkh-color);
  border-bottom-color: var(--tangerine-linkh-color)
}

.markdown-theme-default a:active {
  color: var(--tangerine-linkh-color)
}

.markdown-theme-default a:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid var(--tangerine-border-color);
  opacity: 0;
  transition: top .3s, opacity .3s;
  transform: translateZ(0)
}

.markdown-theme-default a:hover:after {
  top: 0;
  border-bottom-color: var(--tangerine-linkh-color);
  opacity: 1
}

.markdown-theme-default table.table-wrapper {
  display: inline-block !important;
  width: auto;
  max-width: 100%;
  overflow: auto;
  font-size: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid var(--tangerine-table-border-color)
}

.markdown-theme-default table.table-wrapper thead {
  font-size: 14px;
  color: #000;
  text-align: left;
  background: #f6f6f6
}

.markdown-theme-default table.table-wrapper p {
  margin: 0
}

.markdown-theme-default table.table-wrapper tr:nth-child(2n) {
  background-color: var(--tangerine-table-tr-nc-color)
}

.markdown-theme-default table.table-wrapper tr:hover {
  background-color: var(--tangerine-table-trh-color)
}

.markdown-theme-default table.table-wrapper th,
.markdown-theme-default table.table-wrapper td {
  padding: 12px 8px;
  line-height: 24px;
  border: 1px solid var(--tangerine-table-border-color)
}

.markdown-theme-default table.table-wrapper th {
  color: var(--tangerine-table-tht-color);
  background-color: var(--tangerine-table-th-color)
}

.markdown-theme-default table.table-wrapper td {
  min-width: 120px
}

.markdown-theme-default blockquote {
  color: var(--tangerine-blockquote-color);
  background-color: var(--tangerine-blockquote-bg-color);
  border-left: 4px solid var(--tangerine-strong-color);
  padding: 1px 20px;
  margin: 22px 0;
  transition: color .35s
}

.markdown-theme-default blockquote:after {
  display: block;
  content: ""
}

.markdown-theme-default blockquote>p {
  margin: 10px 0
}

.markdown-theme-default blockquote>b,
.markdown-theme-default blockquote>strong {
  color: var(--tangerine-strong-color)
}

/*
.markdown-theme-default b,
.markdown-theme-default strong {
  color: var(--tangerine-strong-color)
}

.markdown-theme-default i,
.markdown-theme-default em {
  color: var(--tangerine-em-color)
}

.markdown-theme-default del {
  color: var(--tangerine-del-color)
}
*/

.markdown-theme-default ol,
.markdown-theme-default ul {
  padding-left: 28px
}

.markdown-theme-default ol li,
.markdown-theme-default ul li {
  margin-bottom: 0;
  list-style: inherit
}

.markdown-theme-default ol li p,
.markdown-theme-default ul li p {
  margin: 0
}

.markdown-theme-default ol li .task-list-item,
.markdown-theme-default ul li .task-list-item {
  list-style: none
}

.markdown-theme-default ol li .task-list-item ul,
.markdown-theme-default ol li .task-list-item ol,
.markdown-theme-default ul li .task-list-item ul,
.markdown-theme-default ul li .task-list-item ol {
  margin-top: 0
}

.markdown-theme-default ol ul,
.markdown-theme-default ol ol,
.markdown-theme-default ul ul,
.markdown-theme-default ul ol {
  margin-top: 4px
}

.markdown-theme-default details>summary {
  font-size: 20px;
  font-weight: bolder;
  color: var(--tangerine-title-color);
  cursor: pointer;
  border-bottom: 1px solid var(--tangerine-border-color);
  outline: none
}

.markdown-theme-default details>p {
  padding: 10px 20px;
  margin: 10px 0 0;
  color: #666;
  background-color: var(--tangerine-blockquote-bg-color);
  border: 2px dashed var(--tangerine-strong-color)
}

.markdown-theme-default h1::selection,
.markdown-theme-default h2::selection,
.markdown-theme-default h3::selection,
.markdown-theme-default h4::selection,
.markdown-theme-default h5::selection,
.markdown-theme-default h6::selection {
  color: var(--tangerine-slct-title-color);
  background-color: var(--tangerine-slct-titlebg-color)
}

.markdown-theme-default p::selection,
.markdown-theme-default ol li::selection,
.markdown-theme-default ul li::selection {
  color: var(--tangerine-slct-text-color);
  background-color: var(--tangerine-slct-bg-color)
}

.markdown-theme-default a::selection,
.markdown-theme-default b::selection,
.markdown-theme-default strong::selection,
.markdown-theme-default i::selection,
.markdown-theme-default em::selection {
  background-color: var(--tangerine-slct-elbg-color)
}

.markdown-theme-default del::selection {
  color: var(--tangerine-slct-del-color);
  background-color: var(--tangerine-slct-elbg-color)
}

.markdown-theme-default table thead th::selection {
  background-color: transparent
}

.markdown-theme-default table tbody td::selection {
  background-color: var(--tangerine-slct-bg-color)
}

.markdown-theme-default code::selection {
  background-color: var(--tangerine-slct-codebg-color)
}

.markdown-theme-default pre>code::selection {
  background-color: var(--tangerine-slct-prebg-color)
}

.markdown-theme-default .task-list {
  padding-left: 0;
  list-style: none
}

.markdown-theme-default .task-list input[type=checkbox] {
  position: relative
}

.markdown-theme-default .task-list input[type=checkbox]:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  content: "";
  background: #f0f8ff;
  border: 1px solid #add6ff;
  border-radius: 2px
}

.markdown-theme-default .task-list input[type=checkbox]:checked:after {
  position: absolute;
  top: -12px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 0;
  font-size: 20px;
  font-weight: 700;
  color: #f55;
  content: "✓"
}

@media (width <=720px) {
  .markdown-theme-default h1 {
    font-size: 24px
  }

  .markdown-theme-default h2 {
    font-size: 20px
  }

  .markdown-theme-default h3 {
    font-size: 18px
  }

                .markdown-theme-default h3 {
                  font-size: 14px
                }

                /*
.text-h2 {
  font-size: 20px !important;
  margin-top: 24px !important;
  margin-bottom: 10px !important;
  line-height: normal !important;
}
  */
}

blockquote {
  color: var(--tangerine-blockquote-color);
  background-color: var(--tangerine-blockquote-bg-color);
  border-left: 4px solid var(--tangerine-strong-color);
  padding: 1px 20px;
  margin: 22px 0;
  transition: color .35s
}
.timeline-logo {
  width: 100%;
  max-width: 250px;
  max-height: 200px;
}

@media (max-width: 960px) {
  .text-content-column {
    min-width: 0;
  }

  .v-timeline-divider__dot {
    width: 19px !important;
    height: 19px !important;
  }

  .vcard-text {
    padding: 0.2rem !important;
  }

  .v-responsive.timeline-logo {
    max-width: 150px;
    max-height: 150px;
  }

  .container-timeline-with-images .v-card-text {
    padding: 0px !important;
  }

  .v-container {
    padding: 0px !important;
  }

  .v-timeline--vertical.v-timeline .v-timeline--side-end>.v-timeline-item .v-timeline-item__body,
  .v-timeline--vertical.v-timeline:not(.v-timeline--side-start)>.v-timeline-item--side-end .v-timeline-item__body,
  .v-timeline--vertical.v-timeline:not(.v-timeline--side-start)>.v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body,
  .timeline-with-images .v-timeline-item:nth-child(odd) .v-timeline-item__opposite,
  .v-timeline--vertical.v-timeline:not(.v-timeline--side-start)>.v-timeline-item:nth-child(2n):not(.v-timeline-item--side-start) .v-timeline-item__body,
  .timeline-with-images .v-timeline-item:nth-child(even) .v-timeline-item__opposite {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
    padding-top: 0.5rem;
  }

  .v-timeline--vertical.v-timeline .v-ti .timeline-with-images .v-timeline-item:nth-child(odd) .v-timeline-item__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .timeline-with-images .v-timeline-item:nth-child(odd) .v-timeline-item__opposite {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
  }

  .timeline-with-images .v-timeline-item:nth-child(even) .v-timeline-item__body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
  }

  .timeline-with-images .v-timeline-item:nth-child(even) .v-timeline-item__opposite {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
.btn-responsive-rounded {
  border-radius: 8px !important;
}

@media (min-width: 960px) {
  .btn-responsive-rounded {
    border-radius: 24px !important;
  }
}