/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.paragraph--type--homelinks h2 {
  margin-bottom: 32px;
}
.paragraph--type--homelinks .field--name-field-homelinks {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .paragraph--type--homelinks .field--name-field-homelinks {
    grid-column: 2/-2;
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item {
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item {
    width: calc(50% - 5px);
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(odd) .paragraph--type--homelink {
  background-color: rgba(224, 48, 38, 0.1);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(odd) .paragraph--type--homelink:hover {
  background-color: rgba(224, 48, 38, 0.2);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--homelink {
  background-color: rgba(33, 46, 84, 0.1);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--homelink .button--primary {
  background-color: var(--secondary-color);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--homelink .button--primary:hover {
  background-color: var(--primary-color);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--homelink:hover {
  background-color: rgba(33, 46, 84, 0.2);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--homelink:hover .button--primary {
  background-color: var(--primary-color);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink {
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: var(--transition);
  justify-content: flex-start;
  position: relative;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .sendlink {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink:hover .field--name-field-media img {
  filter: grayscale(0);
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink h3 {
  margin-bottom: 32px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-text {
  margin-bottom: 40px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-list {
  margin-bottom: 32px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-list .field__items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-list .field__items > .field__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--text-color);
  width: 100%;
}
@media (min-width: 1200px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-list .field__items > .field__item {
    width: calc(50% - 9px);
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-list .field__items > .field__item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.47656 20 0 15.5234 0 10C0 4.47656 4.47656 0 10 0C15.5234 0 20 4.47656 20 10C20 15.5234 15.5234 20 10 20ZM14.6094 5.69141C14.1914 5.38672 13.6055 5.48047 13.3008 5.89844L8.63672 12.3125L6.60156 10.2773C6.23438 9.91016 5.64063 9.91016 5.27734 10.2773C4.91406 10.6445 4.91016 11.2383 5.27734 11.6016L8.08984 14.4141C8.28516 14.6094 8.55078 14.707 8.82422 14.6875C9.09766 14.668 9.34766 14.5273 9.50781 14.3047L14.8164 7C15.1211 6.58203 15.0273 5.99609 14.6094 5.69141Z' fill='%23E03026'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: -1px;
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-media {
  padding: 24px;
}
@media (min-width: 992px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-media {
    padding: 15px 10px;
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-media img {
  border-radius: 22px;
  overflow: hidden;
  filter: grayscale(100%);
  transition: var(--transition);
  aspect-ratio: 17/12;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .field--name-field-media img {
    aspect-ratio: unset;
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .lower-content {
  padding: 4px 24px 40px 24px;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .lower-content {
    padding: 42px;
    padding-bottom: 60px;
  }
}
.paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .lower-content .actions-wrapper {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .paragraph--type--homelinks .field--name-field-homelinks > .field__items > .field__item .paragraph--type--homelink .lower-content .actions-wrapper {
    margin-top: auto;
  }
}
