/* START - Smart sizing of agenda hero */
:root {
  --agenda-height-on-mobile: 352px;
}

@media only screen and (max-width: 479px) {
  #agenda-hero {
    padding-bottom: calc(var(--agenda-height-on-mobile) * 0.5 + 60px);
  }

  .agenda__schedule {
    margin-top: calc(var(--agenda-height-on-mobile) * -0.5 - 30px);
  }
}
/* END - Smart sizing of agenda hero */
/* START - Styles for single day agenda */
.agenda-day-dpd:only-child .agenda-day-dpd__list {
  display: block !important;
  height: auto !important;
}
.agenda-day-dpd:only-child .agenda-day-dpd__icon {
  display: none;
}

/* START - Remove line of first mobile agenda entry */
.agenda-entries--mobile .agenda-entry:first-child .agenda-entry__grid {
  border-top: none;
}

/* END - Remove line of first mobile agenda entry */
.app-notifications__button-svg::before, .app-notifications__button-svg::after {
  display: none;
}

.app-notifications__tabs-bottom-img::before, .app-notifications__tabs-bottom-img::after {
  display: none;
}

.app-notifications__button-svg path {
  fill: #111111;
}

.app-notifications__list-item:hover .app-notifications-item__bg-color {
  background: #f5f5f5;
}

@media only screen and (min-width: 480px) {
  .app-notifications__tab-content {
    width: calc(100vw - 40px);
  }
}
.app-notifications .app-notifications__button-svg path {
  transition: fill 0.2s ease;
}

.auth__content label {
  margin: 0px;
}
.auth__content .w-form-fail,
.auth__content .w-form-done {
  display: block;
}

.input.input--auth-form:not(:focus):valid {
  background: rgba(4, 132, 231, 0.1);
}

.checkbox-container.required label:after {
  border: 2px solid #cc0000;
}

.t-and-c-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkbox-container input:checked + label:after {
  background-color: #cc0000;
  border: 2px solid #cc0000;
}
.checkbox-container label:after {
  content: "";
  height: 20px;
  width: 20px;
  float: left;
  border: 2px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
}
.checkbox-container svg {
  stroke: #ffffff;
  stroke-width: 2px;
  height: 0;
  width: 11px;
  position: absolute;
  left: 5px;
  top: 5px;
  stroke-dasharray: 33;
}
.checkbox-container label {
  cursor: pointer;
  position: relative;
  height: 20px;
}
.checkbox-container label:active::after {
  background-color: #cc0000;
}
.checkbox-container input:checked + label > svg {
  height: 11px;
  -webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
  animation: draw-checkbox ease-in-out 0.2s forwards;
}

@-webkit-keyframes draw-checkbox {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-checkbox {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* START - Posts Count */
.posts-list {
  counter-reset: post-count;
}

.post {
  counter-increment: post-count;
}

.post__count-span::after {
  content: counter(post-count);
}

/* END - Posts Count */
@media only screen and (min-width: 992px) {
  .needs-post__facts {
    gap: 16px;
  }

  .needs-post__fact:nth-child(1) {
    padding-left: 0;
    border-color: transparent;
  }
  .needs-post__fact:first-child:nth-last-child(1) {
    /* -or- li:only-child { */
    width: 100%;
  }
  .needs-post__fact:first-child:nth-last-child(2) {
    width: calc(50% - 16px);
  }
  .needs-post__fact:first-child:nth-last-child(2) ~ .needs-post__fact {
    width: calc(50% - 16px);
  }
  .needs-post__fact:first-child:nth-last-child(3) {
    width: calc(33.3333% - 16px);
  }
  .needs-post__fact:first-child:nth-last-child(3) ~ .needs-post__fact {
    width: calc(33.3333% - 16px);
  }
  .needs-post__fact:first-child:nth-last-child(4) {
    width: calc(50% - 16px);
    padding-left: 24px;
    /* Reset Padding and border to first Item */
    border-color: #979797;
    /* Reset Padding and border to first Item */
  }
  .needs-post__fact:first-child:nth-last-child(4) ~ .needs-post__fact {
    width: calc(50% - 16px);
    padding-left: 24px;
    /* Reset Padding and border to first Item */
    border-color: #979797;
    /* Reset Padding and border to first Item */
  }
}
.expand-on-hover > * {
  pointer-events: none;
}
.expand-on-hover:hover {
  z-index: 2;
}
.expand-on-hover:hover > * {
  transform: scale(1.5);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.fixed-header {
  pointer-events: none;
}
.fixed-header *:not(.fixed-header__shadow, .fixed-header__movement-track) {
  pointer-events: all;
}

/* START - Logic if customer insights is not turned on */
.home-module.var--voc-disabled {
  display: none;
}
.home-module:first-child, .home-module.var--voc-disabled + .home-module {
  margin-top: -2vw;
  padding-top: 2vw;
  border-radius: 0px 0px 10px 10px;
}

@media only screen and (max-width: 767px) {
  .home-module:first-child, .home-module.var--voc-disabled + .home-module {
    margin-top: 0;
    padding-top: 0;
  }
}
/* END - Logic if customer insights is not turned on */
/* START - Overview Cards */
.theme-thumbnail:hover .theme-thumbnail__img {
  transform: scale(1.05);
}

@media (pointer: coarse) {
  .theme-thumbnail__link-overlay {
    display: none;
  }
}
/* END - Overview Cards */
/* START - Offset for even columns */
@media only screen and (min-width: 768px) {
  .themes-thumbs__grid:not([data-elem=sub-themes-collection-list]) > div:not(.theme-thumbnail):nth-child(odd) {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .themes-thumbs__grid > div:not(.theme-thumbnail):nth-child(2) {
    margin-top: 24px;
  }
}
/* END - Offset for even columns */
/* START - Red Columns */
.mega-theme:nth-child(even) {
  --accent-color: #cc0000;
}
.mega-theme:nth-child(even) .mega-theme__title-wrapper {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.mega-theme:nth-child(even) .theme-thumbnail__color-overlay {
  background-color: rgba(204, 0, 0, 0.3);
}

/* END - Red Columns */
/* START - Offset Of Columns */
@media only screen and (min-width: 992px) {
  .mega-theme:nth-child(odd) .mega-theme__sub-themes-wrapper {
    margin-top: 32px;
  }
}
/* END - Offset Of Columns */
/* START - Offset for even columns on mobile */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #columns-container .mega-theme__sub-themes > div:not(.theme-thumbnail):nth-child(odd) {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #columns-container .mega-theme__sub-themes > div:not(.theme-thumbnail):nth-child(2) {
    margin-top: 24px;
  }
}
/* END - Offset for even columns on mobile */
/* START - Styles for mega-themes with only two columns */
@media only screen and (min-width: 992px) {
  #columns-container:is(.mega-themes-qty-2, .mega-themes-qty-2-unbalanced) {
    width: 100%;
    max-width: 992px;
  }
  #columns-container:is(.mega-themes-qty-2, .mega-themes-qty-2-unbalanced) .mega-theme {
    width: 100%;
  }
  #columns-container.mega-themes-qty-2-unbalanced .mega-theme:nth-child(1) {
    grid-column: 1/4;
  }
  #columns-container:is(.mega-themes-qty-2, .mega-themes-qty-2-unbalanced) .mega-theme__title-wrapper {
    max-width: none;
    min-height: 108px;
  }
  #columns-container.mega-themes-qty-2 .mega-theme:nth-child(odd) .themes-thumbs {
    margin-top: 0px;
  }
  #columns-container.mega-themes-qty-2-unbalanced .mega-theme:nth-child(even) .themes-thumbs, #columns-container:is(.mega-themes-qty-2, .mega-themes-qty-2-unbalanced) .mega-theme__sub-themes > div:nth-child(2), #columns-container.mega-themes-qty-2-unbalanced .mega-theme:nth-child(2) .mega-theme__sub-themes > div:nth-child(1) {
    margin-top: 32px;
  }
  #columns-container:is(.mega-themes-qty-2, .mega-themes-qty-2-unbalanced) .theme-thumbnail {
    margin-bottom: 32px;
  }
}
/* END - Styles for mega-themes with only two columns */
/* START - Removing clicks from transparent areas */
.section--nav {
  pointer-events: none;
}
.section--nav .nav * {
  pointer-events: all;
}

/* END - Removing clicks from transparent areas */
/* START - Hide scrollbar of navbar */
.nav__menu-content-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.nav__menu-content-wrapper::-webkit-scrollbar {
  display: none;
}

/* END - Hide scrollbar of navbar */
/* START- Styles for links in navbar */
.nav__menu-item-w-icon * {
  color: unset;
}
.nav__menu-item-w-icon.w--current path {
  fill: #c00;
}

/* END - Styles for links in navbar */
.nav__theme-links .nav__themes-wrapper {
  border: 0px !important;
  padding: 0px !important;
}
.nav__theme-links .nav__link {
  font-weight: 400 !important;
  margin-bottom: 8px !important;
}

/* START - Tooltip for Startup Engagement */
.posts-list:first-of-type .post:first-child .post__engagement-tooltip {
  display: block;
}

/* END - Tooltip for Startup Engagement */
/* START - Disabling popup on smaller breakpoints */
@media only screen and (max-width: 991px) {
  .post__popup {
    display: none !important;
  }
}
/* END - Disabling popup on smaller breakpoints */
/* START - Maximum container size for likes/dislikes popup */
.post-interactions__people .slide-over .container {
  max-width: 700px;
}

/* END - Maximum container size for likes/dislikes popup */
/* START - Popup Scroll */
.popup__content-wrapper::-webkit-scrollbar,
.post-popup__sidebar::-webkit-scrollbar {
  display: none;
}

.popup__content-wrapper,
.popup__content,
.post-popup__sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.popup__content-wrapper > .container--1120px,
.popup__content-container {
  pointer-events: none;
}

.post-popup__main,
.post-popup__sidebar,
.post-popup__nav-link,
.popup__video-wrapper,
.popup__close-overlay {
  pointer-events: all;
}

/* END - Popup Scroll */
/* START - Break links so we don't have layout issues */
.post__external-link {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* END - Break links so we don't have layout issues */
/* START - Desktop Scrollbar */
.post-popup__sidebar {
  height: 100%;
  max-height: calc(100vh - 60px - 78px);
}

.post__replied-comment {
  max-height: calc(100vh - 60px - 78px - 500px);
}

/* END - Desktop Scrollbar */
/* START - Mobile Comments */
.post__mobile-comments .post-interactions {
  padding: 0 0 6px;
}
.post__mobile-comments .post-interactions > * {
  display: none;
}
.post__mobile-comments .post-interactions__in-mobile-comments {
  display: flex;
}
.post__mobile-comments .slide-over__tabs--comment-replies > div > .comment {
  border-top: 0;
}

.post__social-interactions--multi-dir-disabled .post-interactions__stat {
  padding: 0;
}

@media only screen and (max-width: 991px) {
  .post__social-interactions--multi-dir-disabled .post-interactions {
    padding: 0;
  }
  .post__social-interactions--multi-dir-disabled .post-interactions__top {
    display: none;
  }
}
/* END - Mobile Comments */
/* START - Maximum container size for likes/dislikes popup */
.post-interactions__people .slide-over .container {
  max-width: 700px;
}

/* END - Maximum container size for likes/dislikes popup */
/* Hide scrollbar for comments wrapper */
.post-comments::-webkit-scrollbar,
.ql-editor::-webkit-scrollbar {
  display: none;
}

.post-comments,
.ql-editor {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* END - Hide scrollbar for comments wrapper */
.post__replied-comment ~ .feedback-box__wrapper .post-comment__input {
  min-height: 124px;
}

/* Color for mentions */
.feedback-box__target {
  color: #0484e7;
}

.post-comments > .comment:first-child {
  border-top: 0;
}

/* START - Who liked a given post */
.post-interactions__buttons--mobile .slide-over {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.post-interactions__buttons--mobile .custom-lightbox__close-img.cc-who_liked {
  display: block;
  opacity: 1 !important;
}
.post-interactions__buttons--mobile .container {
  cursor: default;
}
.post-interactions__buttons--mobile .slide-over__nav {
  display: none;
}
.post-interactions__buttons--mobile .slide-over__tabs-cont {
  max-height: calc(100vh - 60px - 164px);
}

@media screen and (max-width: 767px) {
  .post-interactions__buttons--mobile .slide-over {
    padding-top: 60px;
  }
  .post-interactions__buttons--mobile .slide-over__tabs {
    margin-left: 0;
    margin-right: 0;
  }
}
/* END - Who liked a given post */
/* START - Who liked comment/reply */
@media only screen and (min-width: 992px) {
  .post-interactions__btn--in-comment .slide-over {
    top: 0;
    bottom: 70px;
  }
  .post-interactions__btn--in-comment .slide-over > .container {
    padding-left: 44px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .post-interactions__btn--in-comment .post-interactions__names-wrapper {
    bottom: 100%;
    top: auto;
    transform: translateY(-32px);
  }
  .post-interactions__btn--in-comment .post-interactions__connector {
    transform: rotateY(180deg) rotateX(180deg);
    order: 3;
  }
}
.post-interactions__btn--in-comment .slide-over__tabs {
  height: calc(100% - 55px);
}
.post-interactions__btn--in-comment .slide-over > .container {
  height: 100%;
}
.post-interactions__btn--in-comment .slide-over__tabs-nav {
  display: none;
}
.post-interactions__btn--in-comment .post-interactions__names-group--in-slide-over {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.post-interactions__btn--in-comment .post-interactions__names-group:nth-child(2) {
  display: none !important;
}

/* END - Who liked comment/reply */
/* START - Comments Replies */
.post__replied-comment .comment:not(.comment--reply) {
  border-top: 0;
  margin-bottom: 0;
}

/* END - Comments Replies /

/* START - Comments/Replies Highlight */
.comment__highlight,
.comment__bottom.comment__bottom--disabled > * {
  pointer-events: none;
}

/* END - Comments/Replies Highlight */
.ql-editor {
  padding: 0 !important;
  height: 100% !important;
}
.ql-editor * {
  font-size: inherit;
}

/* START - Startup Videos */
.custom-lightbox__video {
  padding: 0 !important;
}

.custom-lightbox__trigger:hover .custom-lightbox__trigger-overlay {
  opacity: 1;
}
.custom-lightbox__trigger:hover .custom-lightbox__play-indicator {
  opacity: 0;
}

.popup__content {
  pointer-events: none;
}

.popup__video-wrapper {
  pointer-events: all;
}
.popup__video-wrapper iframe,
.popup__video-wrapper video-js {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* END - Startup Videos */
/* START - Checkbox Styling */
.setting-group__row:last-child {
  border-bottom: 0;
}

.setting-group__sub-wrapper--inactive {
  pointer-events: none;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 92px;
  height: 39px;
  /* Hide default HTML checkbox */
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: #fafafa;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
}
.slider:before {
  position: absolute;
  content: "";
  height: 29px;
  width: 29px;
  left: 8px;
  bottom: 5px;
  background-color: #ddd;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #fff;
}
input:checked + .slider:before {
  -webkit-transform: translateX(47px);
  -ms-transform: translateX(47px);
  transform: translateX(47px);
  background-color: #c00;
}

/* Rounded sliders */
.slider.round {
  border-radius: 40px;
}
.slider.round:before {
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .switch {
    width: 64px;
    height: 28px;
  }

  .slider:before {
    height: 22px;
    width: 22px;
    left: 5px;
    bottom: 3px;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(33px);
    -ms-transform: translateX(33px);
    transform: translateX(33px);
  }
}
.input.cc-theme-feedback:is(:focus, :valid) ~ .input-placeholder-overlay {
  display: none;
}

/* START - Why This Matters Progress */
.why-this-maters__progress {
  pointer-events: none;
}

.CircularProgress-Bg,
.CircularProgress-Fg {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
}

.CircularProgress-Bg {
  stroke: #ddd;
  stroke-width: 0.2px;
}

.CircularProgress-Fg {
  transition: stroke-dashoffset 0.5s ease-in-out;
  stroke: #c00;
}

@media only screen and (max-width: 479px) {
  .why-this-maters__circle {
    height: min(264px, 100vw - 96px);
    width: min(264px, 100vw - 96px);
  }
}
/* END - Why This Matters Progress */
/* To not show these in the Live Website, but show them in the editor */
html:not(.wf-design-mode) .templates,
html:not(.wf-design-mode) [v-cloak-live] {
  display: none !important;
}

[v-cloak] {
  display: none !important;
}

/* START - Transitions */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.4s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

/* END - Transitions */
.w-lightbox-backdrop {
  z-index: 99999;
}

/* START - Slider Dots */
.w-slider-dot {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background-color: #ddd;
}
.w-slider-dot.w-active {
  background-color: #cc0000;
}

/* END - Slider Dots */
/* Fix to weird webflow ghost elements */
.w-embed:after, .w-embed:before {
  content: "";
  display: none;
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

.page-bottom-img {
  mix-blend-mode: multiply;
  z-index: -3;
}

.hidden-anchor-target {
  visibility: hidden;
}

.slide-over__nav-middle {
  max-width: calc(100% - 40px);
}

.input-placeholder-overlay {
  pointer-events: none;
}

/*# sourceMappingURL=global.css.map */