@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300..900&family=Space+Grotesk:wght@300..700&display=swap");

:root {
  --nest-body-font-family: "Public Sans", sans-serif;
  --nest-title-font-family: "Space Grotesk", sans-serif;
  --nest-helpscout-bg-image: url("https://7006600.fs1.hubspotusercontent-na1.net/hubfs/7006600/TNCC%20Theme%202026/Images/Helpscout%20BG.png");
}

html,
body {
  background-image: var(--nest-helpscout-bg-image) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  font-family: var(--nest-body-font-family) !important;
}

body,
p,
a,
li,
label,
legend,
blockquote,
figcaption,
button,
input,
select,
textarea,
#contentArea,
#contentArea p,
#contentArea a,
#contentArea li,
#contentArea label,
#contentArea select,
#contentArea input,
#contentArea textarea,
#sidebar,
#sidebar p,
#sidebar a,
#sidebar li,
#sidebar label,
#docsSearch,
#docsSearch input {
  font-family: var(--nest-body-font-family) !important;
}

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]::before,
[class*=" icon-"]::before,
[class^="icon-"]::after,
[class*=" icon-"]::after {
  font-style: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article-title,
.articleTitle,
.category-title,
.categoryTitle,
.collection-title,
.collectionTitle,
.collection-card__title,
.docs-title,
.docsTitle,
.hero-title,
.heroTitle,
.search-title,
.searchTitle,
.site-title,
.siteTitle {
  font-family: var(--nest-title-font-family) !important;
  font-weight: 700 !important;
}

main,
article,
section,
.docs,
.docs-content,
.main-content,
.content,
.article,
.collection,
.category {
  background-color: transparent !important;
}

#contentArea > .row-fluid,
#category-list .category,
.category-list .category {
  background-color: #ffffff !important;
  border: 2px solid #262626 !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 40px !important;
}

#contentArea > .row-fluid,
#contentArea > .row-fluid *,
#contentArea > .row-fluid a,
#category-list .category,
#category-list .category *,
#category-list .category a,
.category-list .category,
.category-list .category *,
.category-list .category a {
  color: #262626 !important;
}

#main-content,
#main-content .contentWrapper,
.contentWrapper {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
}

#docsSearch {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#docsSearch h1 {
  color: #ffffff !important;
}

#docsSearch button[type="submit"] {
  align-items: center !important;
  background-color: #e95719 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 3.5px 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#docsSearch button[type="submit"] *,
#docsSearch button[type="submit"] i {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#docsSearch button[type="submit"]:hover,
#docsSearch button[type="submit"]:focus,
#docsSearch button[type="submit"]:active {
  background-color: #ffffff !important;
  color: #1f1f1f !important;
  text-decoration: none !important;
}

#docsSearch button[type="submit"]:hover *,
#docsSearch button[type="submit"]:focus *,
#docsSearch button[type="submit"]:active * {
  color: #1f1f1f !important;
  fill: #1f1f1f !important;
  stroke: #1f1f1f !important;
}

header,
.header,
.site-header,
.docs-header,
.navbar,
.navbar-inner,
.topbar {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

footer,
footer *,
.footer,
.footer *,
.site-footer,
.site-footer *,
.docs-footer,
.docs-footer *,
.article-count,
.articleCount,
.article-count *,
.articleCount *,
.collection-count,
.collectionCount,
.collection-count *,
.collectionCount *,
.category-count,
.categoryCount,
.category-count *,
.categoryCount *,
.meta,
.meta *,
.count,
.count * {
  color: #ffffff !important;
}

li.active .icon-arrow,
li.active .icon-arrow::before,
li.active .icon-arrow::after,
.active a .icon-arrow,
.active a .icon-arrow::before,
.active a .icon-arrow::after {
  border-color: #000000 !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}

#contentArea > .row-fluid #main-content .contentWrapper .articleList li,
#contentArea > .row-fluid #main-content .contentWrapper .articleList li *,
#contentArea > .row-fluid #main-content .contentWrapper .articleList a,
#contentArea > .row-fluid #main-content .contentWrapper .articleList a *,
#contentArea > .row-fluid #main-content .contentWrapper .articleList i,
#contentArea > .row-fluid #main-content .contentWrapper .articleList span {
  color: #0097a7 !important;
  fill: #0097a7 !important;
  stroke: #0097a7 !important;
}

@media (max-width: 767px) {
  #contentArea > .row-fluid {
    padding: 24px !important;
  }
}