/*
--ql-border-color
--ql-bg-color
--ql-bg-color-hover
--ql-text-color
--ql-icon-color
*/

/* .quick-link-wrapper .quick-link {} */

.quick-link-wrapper .quick-link a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--ql-bg-color);
  border: 1px solid var(--ql-border-color);
  border-radius: 4px;
  color: var(--ql-text_color);
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  margin: 8px 4px;
  padding: 24px;
  transition: all 250ms ease;
}

.quick-link-wrapper .quick-link a::after {
  display: none;
}

.quick-link-wrapper .quick-link a:focus,
.quick-link-wrapper .quick-link a:hover {
  background-color: var(--ql-bg-color-hover);
}

/* .quick-link-wrapper .quick-link .quick-link__icon-text {} */

.quick-link-wrapper .quick-link .quick-link__icon-text div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.quick-link-wrapper .quick-link .quick-link__icon-text .material-icons,
.quick-link-wrapper .quick-link .quick-link__icon-text .material-icons-outlined {
  font-size: 24px;
  margin-right: 24px;
  color: var(--ql-text-color);
}

.quick-link-wrapper .quick-link .quick-link__info-headline {
  color: var(--ql-text-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}


/* THEME COLORS */
.default-theme {
  --ql-bg-color: var(--white);
  --ql-bg-color-hover: var(--site-tertiary);
  --ql-border-color: var(--site-primary);
  --ql-text-color: var(--site-primary);
}

.green-theme {
  --ql-bg-color: var(--white);
  --ql-bg-color-hover: var(--green-4);
  --ql-border-color: var(--green-3);
  --ql-text-color: var(--green-1);
}

.blue-theme {
  --ql-bg-color: var(--white);
  --ql-bg-color-hover: var(--blue-4);
  --ql-border-color: var(--blue-3);
  --ql-text-color: var(--blue-1);
}

.gold-theme {
  --ql-bg-color: var(--white);
  --ql-bg-color-hover: var(--gold-4);
  --ql-border-color: var(--gold-3);
  --ql-text-color: var(--gold-1);
}

.brown-theme {
  --ql-bg-color: var(--white);
  --ql-bg-color-hover: var(--brown-4);
  --ql-border-color: var(--brown-3);
  --ql-text-color: var(--brown-1);
}

.gray-theme {
  --ql-bg-color: var(--gray-8);
  --ql-bg-color-hover: var(--gray-4);
  --ql-border-color: var(--gray-3);
  --ql-text-color: var(--gray-1);
}


.three-column-layout .layout__region .quick-link-wrapper[data-outer-wrapper] {
  width: calc(33.33% - 8px);
  height: auto;
}

@media(max-width: 767px) {
  .three-column-layout .layout__region .quick-link-wrapper[data-outer-wrapper] {
    width: 100%;
  }
}

.three-column-layout .layout__region .quick-link-wrapper[data-outer-wrapper] .quick-link,
.three-column-layout .layout__region .quick-link-wrapper[data-outer-wrapper] .quick-link a {
  height: 100%;
  margin: 0 !important;
}

.three-column-layout .layout__region .quick-link-wrapper[data-outer-wrapper] .quick-link a {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  min-height: 74px;
}