html {
  --config-tf-margin-xl: 6rem;
  --config-tf-margin-lg: 4rem;
  --config-tf-margin-md: 2.5rem;
  --config-tf-margin-sm: 2rem;
  --config-tf-margin-xs: 1.5rem;
}

@media (max-width: 720px) {
  html {
    --config-tf-margin-xl: 4rem;
    --config-tf-margin-lg: 2.5rem;
    --config-tf-margin-md: 2rem;
    --config-tf-margin-sm: 1.5rem;
    --config-tf-margin-xs: 1rem;
  }
}

.header-navigation .header-navigation_logo-anchor {
  margin-right: 48px;
}

.brand-hero-title {
  font-weight: 600;
}
/* Font adjustments */
.Sidebarmodule .widget h3.widget-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

body,
p,
list,
li,
.post__content.post__content--new-editor,
.widget--cta .list li {
  font-size: 16px;
}

.thread-meta-item__text,
.js-vote-count,
.qa-topic-meta-likes-content {
  font-size: 16px;
}

.leaderboard-container .leaderboard-username .username {
  font-size: 16px;
  font-weight: 700;
}
.Sidebarmodule .widget .username {
  font-size: 16px;
  font-weight: 700;
}

.link--featured-title,
.link--subforum,
.link--topic {
  font-weight: 700;
}

.post__user__meta .link {
  font-weight: 500;
}
.link--user,
.thread-list-item a.link--user,
.thread-meta-link--default-color {
  font-weight: 700;
}

.main-menu-trigger {
  font-size: 16px;
}
.brand-external-url {
  font-size: 16px;
}

/* Make quotes lighter */
.content-quote {
  color: #787879;
}

.header-navigation {
  border: none;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0;
  width: 100%;
  z-index: 9999;
}

.body-wrapper {
  max-width: var(--config-body-wrapper-max-width);
  background-color: var(--config-body-wrapper-background-color);
  box-shadow: var(--config-body-wrapper-box-shadow);
  margin: auto;
  padding-top: 60px;
}

.main-navigation-sitewidth {
  background: #fdc27d;
  height: 60px;
  margin-bottom: 16px;
  margin-top: -60px;
  position: fixed;
  z-index: 1026;
}

@media (min-width: 769px) {
  .main-navigation--wrapper {
    background: #fdc27d;
  }

  .header-navigation {
    position: fixed;
    top: 0;
  }

  .main-navigation-sitewidth {
    position: relative;
  }

  .main-navigation-sitewidth {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .main-navigation--wrapper.header-navigation {
    background: transparent;
  }

  .main-navigation-sitewidth {
    top: 60px;
  }

  .header-navigation .header-navigation-search_mobile {
    background: transparent;
    padding: 16px 16px 0;
    position: relative;
    z-index: 99;
  }

  .header-navigation
    .header-navigation-search_mobile
    .header-navigation_extendable-search {
    margin: 0;
  }

  .search-and-filter-wrapper > span {
    height: 40px;
  }

  .twig_page-event-overview .main-navigation--breadcrumb-wrapper .breadcrumb,
  .twig_page-event .main-navigation--breadcrumb-wrapper .breadcrumb,
  .main-navigation--breadcrumb-wrapper .breadcrumb {
    margin-top: 16px;
  }
}

.hero-search .searchbox .algolia-search-result {
  text-align: left;
}

div.algolia-search-container div.algolia-search--opacity {
  display: none;
}

.homepage-widget-container
  div.algolia-search-container
  input[type="search"].search-box__input {
  padding: 0 !important;
}

.homepage-widget-container
  div.algolia-search-container
  input[type="search"].search-box__input::placeholder {
  color: var(--config--main-color-brand);
  font-weight: 300;
  font-family: "apercu-pro", sans-serif;
  line-height: 32px;
}

.homepage-widget-container
  div.algolia-search-container
  input[type="search"].search-box__input {
  box-sizing: border-box;
  width: 100%;
  background: inherit;
  color: var(--config--main-color-brand);
  height: 55px;
  border: none;
  border-bottom: 1px solid var(--config--main-color-brand);
  font-size: 24px;
  line-height: 32px;
  border-radius: 0px;
  box-shadow: none;
}

.homepage-widget-container div.algolia-search-container .search-box__submit {
  display: none;
}

.homepage-widget-container div.algolia-search-container .search-box__reset {
  display: none;
}

.brand-hero .brand-hero-title {
  font-size: 64px;
  color: var(--config--main-color-brand);
  margin: 0 auto;
  font-weight: 300;
  max-width: 770px;
}

.brand-hero {
  height: 490px;
}

@media (max-width: 768px) {
  .brand-hero {
    height: 450px;
  }
  .brand-hero.qa-brand-hero.custom-hero-banner {
    background-size: 150% !important;
  }
}

@media (min-width: 769px) and (max-width: 1250px) {
  .brand-hero {
    height: 420px;
  }
}

@media (min-width: 525px) and (max-width: 768px) {
  .brand-hero {
    height: 450px;
  }
}

.stats-bar.p-v.qa-stats-bar {
  background-color: inherit;
  margin-bottom: var(--config-tf-margin-md);
}

.stats-bar.p-v.qa-stats-bar div.col {
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
}

.stats-bar.p-v.qa-stats-bar div.col ul.list--stats-bar {
  text-align: center;
  margin-bottom: 20px;
}

.stats-bar.p-v.qa-stats-bar #last-visitors-widget {
  flex-basis: 100%;
}

.stats-bar.p-v.qa-stats-bar
  #last-visitors-widget
  .widget-last-visitors
  .widget-title {
  display: none;
}

.Template-brand-stats {
  border: none;
}

.brand-hero.qa-brand-hero.custom-hero-banner {
  background: #fdc27d;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../assets/hero-background.png") !important;
}

/* Hide user rank from topic list */
.topic-view .topic-view_header .topic-view_header-item .user-title {
  display: none;
}

.main-navigation--nav-buttons-wrapper.js-main-navigation .is-hidden-S {
  display: block !important;
}

.btn--cta.btn--create-topic.btn--fixed.btn--fixed__bottom.is-visible-S.qa-menu-create-topic {
  display: none !important;
}

.hero-search .algolia-search .search-box {
  z-index: auto;
}

.hero-search .algolia-hit-container {
  border-radius: 4px;
  margin-top: 10px;
}

.last-visitors.qa-last-visitors.is-hidden-M {
  display: flex !important;
}

.brand-hero.qa-brand-hero.custom-hero-banner .sitewidth {
  margin: 0 auto;
  max-width: 770px;
  text-align: center;
  width: fit-content;
}

/* Phase 3 Styles */

.link--user.username {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.topic-view_header-item.text--meta span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  font-family: "apercu-pro", sans-serif;
}
.topic-view.topic-view--unread .topic-view_body .thread-list-block__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 6px;
}
.topic-view.topic-view--unread .topic-view_body {
  margin-bottom: 10px;
}

.topic-view
  .topic-view_body
  .thread-list-block__title
  .icon--auto-width:before {
  height: auto;
}

.topic-view .topic-view_body .thread-list-block__content {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.topic-view .topic-view_body .thread-list-block__content a {
  color: rgba(0, 0, 0, 0.6);
}
.topic-view .topic-view_footer * {
  color: rgba(0, 0, 0, 0.6);
}
.thread-meta-item__text,
.js-vote-count,
.qa-topic-meta-likes-content {
  font-size: 14px;
  line-height: 20px;
}
h1.h3.topic__title {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
}
.list.list--dot-seperated.text--meta.qa-topic-meta {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}

.post__user__meta .list.list--dot-seperated.text--meta {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.post__content {
  line-height: 22px;
  font-weight: 400;
}
.widget h6.simple-topic-list--title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.widget .text--meta {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.box__content .box a.btn--cta {
  font-size: 16px;
  font-weight: 300;
  line-height: 40px; /* line-height was used to calculate the button height*/
}

.login-box .login-context {
  font-weight: 300;
}
.topic__header {
  margin-bottom: 18px;
}
.topic__header .pill {
  font-weight: 300;
}

/* End Phase 3 Styles*/

@media (max-width: 768px) {
  .brand-hero.qa-brand-hero.custom-hero-banner .sitewidth {
    width: 90%;
    padding-right: 45px;
    padding-left: 45px;
  }
}

.hero-search {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .brand-hero .brand-hero-title {
    font-size: 33px;
  }
}

.header-navigation-button-icon {
  display: none !important;
}

body:not(.twig_site-index) .main-navigation--wrapper .menu-create-topic span {
  display: block;
}

/* Subsequent pages styles */

.twig_page-product-update-overview
  .widget-container--product-updates_hero
  .col--main,
.twig_page-ideas-overview .widget-container--ideation_hero .col--main,
.twig_page-knowledgebase-overview .widget-container--generic_hero .col--main {
  width: 100%;
}

.category-page .body-wrapper .thread-list-title.qa-subForum-header,
.twig_page-group .qa-subForum-header,
.twig_site-forum .body-wrapper .qa-subForum-header,
.twig_page-product-update-overview .forum-featured-image,
.twig_page-ideas-overview .forum-featured-image,
.twig_page-knowledgebase-overview .forum-featured-image {
  background-color: unset;
  border: none;
  margin: 100px 0 50px 0;
  text-align: center;
}

.twig_page-ideas-overview .forum-featured-image,
.twig_page-product-update-overview .forum-featured-image,
.twig_page-knowledgebase-overview .forum-featured-image {
  height: initial;
}

.category-page .thread-subforum-title.qa-page-title {
  margin-bottom: 40px !important;
}

.category-page
  .body-wrapper
  .thread-list-view-title.thread-subforum-title.qa-page-title,
.twig_page-event-overview .body-wrapper .event-sitewidth .event-overview-title,
.twig_page-group-overview
  .body-wrapper
  .group-overview-wrapper
  .group-overview-wrapper-title,
.twig_page-group .body-wrapper .qa-subForum-header .qa-page-title,
.twig_site-forum .body-wrapper .qa-subForum-header .qa-page-title,
.widget-container--product-updates_hero
  .thread-list-view-title.hero-subforum-title.qa-page-title,
.widget-container .thread-list-view-title.hero-subforum-title.qa-page-title,
.twig_page-knowledgebase-overview
  .body-wrapper
  .qa-subForum-header
  .qa-page-title {
  margin-bottom: 50px;
  font-size: 48px;
  line-height: 56px;
  font-family: "apercu-pro", sans-serif;
  font-weight: 300;
}

.twig_page-event-overview .body-wrapper .event-sitewidth .event-overview-title,
.twig_page-group-overview
  .body-wrapper
  .sitewidth
  .group-overview-wrapper-title,
.twig_site-forum .body-wrapper .qa-subForum-header .qa-page-title,
.twig_page-group .body-wrapper .qa-subForum-header .sitewidth .qa-page-title,
.category-page.parent-category .body-wrapper .qa-subforum-description {
  margin-bottom: 100px;
}

.twig_site-forum.forum--search .thread-list-title,
.twig_page-group .body-wrapper .thread-list-title,
.parent-category .thread-list-title,
.category-page .thread-list-title,
.category-page:not(.parent-category) .qa-subForum-header,
.twig_site-forum .body-wrapper .qa-subForum-header .qa-page-title {
  padding: 0;
}

.twig_site-forum.forum--search .qa-div-main.widget-wrapper {
  margin-top: 0;
}

.twig_page-event-overview
  .body-wrapper
  .sitewidth.event-sitewidth
  .event-overview-title {
  margin-top: 100px;
  padding: 0;
}

.twig_page-group-overview
  .body-wrapper
  .sitewidth
  .group-overview-wrapper-title {
  margin-top: 100px;
}

.category-page
  .body-wrapper
  .thread-list-view-description.qa-subforum-description,
.twig_page-product-update-overview .qa-subforum-description,
.twig_page-ideas-overview .qa-subforum-description,
.twig_page-knowledgebase-overview .qa-subforum-description {
  margin-bottom: var(--config-tf-margin-xs);
  font-size: 24px;
  line-height: 32px;
  font-family: "apercu-pro", sans-serif;
  font-weight: 300;
}

.category-page .body-wrapper .tooltip.tooltip--day.forum-subscribe-button,
.twig_page-product-update-overview .custom-stats-bar .tooltip-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--config-tf-margin-xs);
}

.twig_page-group
  .body-wrapper
  .full-width.Template-brand-stats
  .qa-stats-bar
  .list.list--stats-bar.qa-stats-bar
  .list__item,
.category-page
  .body-wrapper
  .full-width.Template-brand-stats.custom-stats-bar
  .list.list--stats-bar.qa-stats-bar,
.twig_page-product-update-overview
  .custom-stats-bar
  .qa-stats-bar.list--stats-bar {
  display: none;
}

.category-page
  .body-wrapper
  .tooltip.tooltip--day.forum-subscribe-button
  .qa-forum-subscribe-button,
.twig_page-product-update-overview .custom-stats-bar .btn.btn--toggle {
  font-weight: 300;
  font-family: "apercu-pro", sans-serif;
  font-size: 16px;
  line-height: 24px;
  box-shadow: none;
  border: 1px solid;
  border-radius: 4px;
  width: 255px;
  height: 40px;
  margin: 0 auto;
}

.twig_site-forum.parent-category .body-wrapper .category-page_container {
  margin-top: 0;
}

.searchbar-in-hero
  div.algolia-search-container
  input[type="search"].search-box__input {
  padding: 0 !important;
}

.searchbar-in-hero
  div.algolia-search-container
  input[type="search"].search-box__input::placeholder {
  color: var(--config--main-color-brand);
  font-weight: 300;
  font-family: "apercu-pro", sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.searchbar-in-hero
  div.algolia-search-container
  input[type="search"].search-box__input {
  box-sizing: border-box;
  width: 100%;
  background: inherit;
  color: var(--config--main-color-brand);
  height: 55px;
  border: none;
  border-bottom: 1px solid var(--config--main-color-brand);
  font-size: 24px;
  line-height: 32px;
  border-radius: 0px;
  box-shadow: none;
}

.searchbar-in-hero div.algolia-search-container .search-box__submit {
  display: none;
}

.searchbar-in-hero div.algolia-search-container .search-box__reset {
  display: none;
}

.searchbar-in-hero {
  width: 100%;
}

@media (min-width: 1025px) {
  .searchbar-in-hero {
    width: calc(100% - 15px);
  }
}

/* End subsequent pages styles */

/* Mission statement (custom widget on homepage) styles */
h3.mission-statement {
  width: fit-content;
  max-width: 700px;
  font-style: normal;
  font-weight: normal;
  font-size: 31.5506px;
  line-height: 37px;
  text-align: center;
  color: var(--config--main-color-brand);
  margin: var(--config-tf-margin-xl) auto 40px auto;
}

/* Hide the “Attend” button that appears on Events pages */
.twig_page-event .event__sign-up.qa-event-sign-up {
  display: none;
}

.login-prompt-wrapper {
  background: rgba(38, 38, 39, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.login-prompt-wrapper .login-prompt-content {
  background: #fcb969;
  border-radius: 4px;
  height: 452px;
  left: 50%;
  padding: 72px 32px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 328px;
}

@media (min-width: 768px) {
  .login-prompt-wrapper .login-prompt-content {
    padding: 72px;
    width: 402px;
  }
}

.login-prompt-wrapper .login-prompt-image {
  height: 53px;
  margin-bottom: 40px;
  width: 88px;
}

.login-prompt-wrapper .login-prompt-title {
  color: var(--config--main-color-brand);
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  margin-bottom: 40px;
}

.login-prompt-wrapper .cta-access-account {
  margin-bottom: 32px;
  width: 100%;
}

.login-prompt-wrapper .login-prompt-close-button {
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 14px;
}

.login-prompt-wrapper .login-prompt-signup {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

@media (min-width: 768px) {
  .modal--login .mfp-container .mfp-content {
    width: 28rem;
  }
}

.qa-login-modal {
  font-family: "apercu-pro";
  font-size: 1rem;
  padding: 0;
  text-align: center;
}

.qa-login-modal #login-modal-title {
  font-size: 1.5rem;
  font-weight: 100;
}

.qa-login-modal #login-modal-description {
  font-weight: 100;
}

.qa-login-modal .btn--cta {
  display: block;
  height: 3rem;
  line-height: 3rem;
  margin: 1rem auto !important;
  width: 16.125rem !important;
}

.login-modal-footer {
  font-size: 0.875rem;
  margin-top: 2rem;
}

.login-modal-footer-emphasis {
  font-weight: 600;
}

.login-modal-footer a {
  font-weight: 600;
  text-decoration: underline;
}

.terms {
  text-decoration: underline;
}

/* Username Page */

.twig_register-form .pagebox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.twig_register-form .pagebox > .box__content {
  width: 18rem;
  margin: 10rem;
}

@media (min-width: 768px) {
  .twig_register-form .pagebox > .box__content {
    width: 28rem;
  }
}

.twig_register-form form > p {
  display: none;
}

.twig_register-form form > .form__row:nth-last-of-type(4) {
  display: none;
}

.twig_register-form .qa-page-title {
  font-family: "apercu-pro";
  font-size: 1.5rem;
  font-weight: 100;
  padding: 1rem;
}

.twig_register-form .first {
  font-family: "apercu-pro";
  font-size: 1rem;
}

.twig_register-form .termsLabel,
.field-description {
  font-family: "apercu-pro";
  font-size: 0.875rem;
  line-height: 1.25rem !important;
}

.twig_register-form .qa-page-title {
  font-family: "apercu-pro";
  font-size: 1.5rem;
  text-align: center;
}

.twig_register-form .btn--cta {
  width: 100%;
}

.twig_register-form .box--alert {
  background: none;
  border: 1px solid #d3d3d3;
  border-left: 5px solid var(--config--main-color-alert);
  color: #808080;
  padding: 0.875rem;
  margin: 1rem 0;
}

.twig_register-form .errorMessage {
  color: #808080;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.twig_register-form .box--alert ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1rem;
}

.twig_register-form .box--alert ul > li:before {
  content: "-";
  text-indent: -8px;
}

.twig_register-form .box--alert ul > li {
  content: "-";
  text-indent: -8px;
}

.twig_register-form .box--alert li div {
  display: inline;
}

.twig_register-form .fancyselect input[type="checkbox"] + label:before {
  color: #aaa;
  margin: -1px;
}

.username-page-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.username-page-image {
  max-width: 8rem;
  padding: 0 1rem;
}

.username-page-community {
  font-family: "apercu-pro";
  font-size: 1rem;
  padding: 0 1rem;
  border-left: solid black 1px;
}

/* End username page */

/* Borders */

.list-widget-wrapper {
  border-radius: var(--config-card-border-radius);
}

.homepage-widget-wrapper > .Sidebarmodule {
  margin-top: 7px !important;
}

.homepage-widget-wrapper
  > .Sidebarmodule
  > .widget-container
  .widget-placeholder
  > div,
.custom-sidebar > .Sidebarmodule .widget {
  border-radius: var(--config-card-border-radius);
  border: var(--config-card-border-width) solid var(--config-card-border-color);
  background: var(--config-card-background-color);
  padding: 2rem 0.5rem;
  margin: var(--config-tf-margin-md) var(--config-tf-margin-sm);
}

.widget--related-topics {
  padding: 2rem !important;
}

.has-border {
  border-radius: var(--config-card-border-radius) !important;
  border: var(--config-card-border-width) solid var(--config-card-border-color);
}

.main-menu-list > .main-menu-list__item > a[topicscount] {
  display: none;
}

.main-menu-list--overflow-scroll {
  overflow-y: auto;
}

/* End Borders */

.featured-topics__show-more-button {
  margin-top: var(--config-tf-margin-md);
  margin-bottom: var(--config-tf-margin-md);
}

.qa-featured-topics-container,
.qa-quicklinks-container,
.qa-groups-container {
  margin-top: var(--config-tf-margin-md);
  margin-bottom: var(--config-tf-margin-md);
}

.widget__heading {
  margin-bottom: var(--config-tf-margin-xs);
}

.leaderboard-container .leaderboard-user-medal {
  display: none;
}

/* Still need help box */
.still-need-help-box {
  text-align: center;
}

.still-need-help-box.hidden {
  display: none;
}

.still-need-help-box a.btn--cta,
.still-need-help-box a.btn--toggle {
  width: 100%;
  margin-top: 5px;
  border-radius: 4px;
}

.still-need-help-box a.btn--toggle {
  background-color: #fff;
  color: #00ddc7;
  border-color: #00ddc7;
  font-size: 16px;
}

.still-need-help-box a.btn--toggle:hover {
  background-color: #fff;
  color: #00ddc7;
  box-shadow: inset 0 0 0 1px #07c;
}

.custom-html-widget-wrapper {
  margin-top: 0;
}

.custom-html-widget-wrapper > .custom-html {
  margin-bottom: 0;
}

/* End Still need help box */

/* Main Forum - Product Topics */

.product-topics {
  margin-top: calc(var(--config-tf-margin-lg) / 2);
  margin-bottom: calc(var(--config-tf-margin-lg) / 2);
  padding: 0 10px;
}

.product-topics .product-topics__title {
  text-align: center;
}

.product-topics__list {
  --config-product-topic-margin-height: 72px;
  display: flex;
  flex-direction: column;
}

.product-topics__list .product-topics__product {
  margin-top: var(--config-tf-margin-sm);
  min-height: var(--config-product-topic-margin-height);
  flex-grow: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--config-product-topic-margin-height);
}

@media (min-width: 1024px) {
  .product-topics__list {
    --config-product-topic-margin-height: 97px;
    flex-direction: row;
  }

  .product-topics__list .product-topics__product:not(:last-child) {
    margin-right: var(--config-tf-margin-sm);
  }
}
.product-topics__list #typeformTopic.product-topics__product {
  background-image: url(https://public-assets.typeform.com/public/logo/wordmark_black.png);
}

.product-topics__list #videoAskTopic.product-topics__product {
  background-image: url(https://public-assets.typeform.com/public/logo/videoask/wordmark_black.png);
}

/* End Main Forum - Product Topics */