/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-text.snk-section_left.snk-text-column_1 .snk-text-wrapper {
  max-width: var(--snk-container-sm-width);
}
.snk-text .snk-btn-primary {
  margin-top: 1rem;
}
.snk-text-column-wrapper + .snk-btn-primary {
  margin-top: var(--snk-text-btn-spacing);
}
.snk-text .snk-sh {
  color: #454545;
  margin-bottom: var(--snk-mb-p);
}
.snk-text .snk-section-description > *:last-child,
.snk-text .snk-section-description ul > li:last-child {
  margin-bottom: 0;
}
.snk-text .snk-section-description.noTextBlock {
  padding-bottom: 1.35rem;
}
.snk-text-column_1 .snk-text-column-wrapper {
  margin-top: -1.25rem;
}
.snk-text-column_1 .snk-text-wrapper .col-12 + .col-12 {
  margin-top: 1.625rem;
}
.snk-text-column_2 .snk-text-column-wrapper {
  margin-top: 0;
}
.snk-text-column_2 .snk-text-column-wrapper .col-12 {
  margin-top: 2rem;
}
.snk-text-column_2 .snk-text-wrapper > .snk-section-headline,
.snk-text-column_2 .snk-text-wrapper > .snk-section-description,
.snk-text-column_2 .snk-text-wrapper > .snk-sh {
  max-width: var(--snk-container-sm-width);
}
@media (max-width: 767.98px) {
  .snk-text-column_2 .snk-section-headline + .snk-text-column-wrapper,
  .snk-text-column_2 .snk-sh + .snk-text-column-wrapper {
    margin-top: -1.25rem;
  }
  .snk-text-column_2 .col-12 + .col-12 {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .snk-text-column_2 .snk-section-headline + .snk-text-column-wrapper,
  .snk-text-column_2 .snk-sh + .snk-text-column-wrapper {
    margin-top: -1rem;
  }
  .snk-text-column_2 .col-12:nth-child(2n+3) {
    margin-top: 1.5rem;
  }
}
.snk-text blockquote {
  position: relative;
  padding-left: 1rem;
}
.snk-text blockquote::before {
  content: "";
  width: 3px;
  position: absolute;
  left: 0;
  background-color: #a6bfc5;
  bottom: 0;
  top: 0;
}
.snk-text blockquote p {
  margin-bottom: 0;
}

.snk-text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.snk-text-block h3,
.snk-text-block h3 p {
  color: #222;
  font-size: 1rem;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .snk-text-block h3,
  .snk-text-block h3 p {
    font-size: 1.5rem;
  }
}
.snk-text-block > :last-child,
.snk-text-block > ul:last-child :last-child,
.snk-text-block > * {
  margin-bottom: 0;
}
.snk-text-block .snk-search-label {
  display: none;
}