/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--footer--text--color: var(--digi--color--text--secondary);
  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);
  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);
  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);
  --digi--footer--link--color--default: var(--digi--color--text--secondary);
  --digi--footer--link--color--hover: var(--digi--color--text--secondary);
  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);
  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);
  --digi--footer--padding-top: var(--digi--container-gutter--largest);
  --digi--footer--margin-top: var(--digi--container-gutter--large);
  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);
}
:host .digi-footer {
  --MARGIN-TOP: var(--digi--footer--margin-top);
  color: var(--digi--footer--text--color);
  font-family: var(--digi--footer--text--font-family);
  font-size: var(--digi--footer--text--font-size);
  font-weight: var(--digi--footer--text--font-weight);
  line-height: normal;
}
:host .digi-footer ::slotted([slot^=content-top]) {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 61.9375rem) {
  :host .digi-footer ::slotted([slot^=content-top]) {
    grid-template-columns: repeat(4, 1fr);
  }
  :host .digi-footer--small ::slotted([slot^=content-top]) > *:first-child {
    grid-column: 1/3;
  }
}
@container (max-width: 600px) {
  :host .digi-footer ::slotted([slot^=content-top]) {
    grid-template-columns: repeat(1, 1fr);
  }
}
:host .digi-footer__content-top {
  container-type: inline-size;
  padding-top: var(--digi--footer--padding-top);
}
:host .digi-footer__content-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: var(--digi--footer--padding-top) 0;
}
@media (max-width: 61.9375rem) {
  :host .digi-footer__content-bottom {
    justify-content: center;
  }
}
@container (max-width: 600px) {
  :host .digi-footer__content-bottom {
    justify-content: center;
  }
}
:host ::slotted(* digi-logo) {
  --digi--logo--padding--large--wide: 0;
}
:host ::slotted([slot^=content-top]) {
  display: grid;
  grid-template-rows: repeat(2, auto);
  column-gap: var(--digi--gutter--largest);
}
:host ::slotted([slot^=content-bottom-left]) {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
}
:host ::slotted([slot^=content-bottom-left]) .digi-logo {
  padding: var(--digi--footer--logo-vertical-padding) 0;
}
@media (min-width: 61.9375rem) {
  :host ::slotted([slot^=content-bottom-left]) {
    flex-basis: auto;
  }
  :host ::slotted([slot^=content-bottom-left]) .digi-logo {
    padding: 0;
  }
}
:host ::slotted([slot^=content-bottom-right]) {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--MARGIN-TOP);
}
@media (min-width: 61.9375rem) {
  :host ::slotted([slot^=content-bottom-right]) {
    --MARGIN-TOP: 0;
  }
}
:host ::slotted([slot^=content-bottom-right]) p,
:host ::slotted([slot^=content-bottom-right]) span,
:host ::slotted([slot^=content-bottom-right]) a {
  color: var(--digi--footer--text--color);
  padding: var(--digi--gutter--small);
  margin: 0;
}
@media (min-width: 61.9375rem) {
  :host ::slotted([slot^=content-bottom-right]) p,
  :host ::slotted([slot^=content-bottom-right]) span,
  :host ::slotted([slot^=content-bottom-right]) a {
    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);
  }
}
:host ::slotted([slot^=content-bottom-right]) a {
  color: var(--digi--footer--link--color--default);
  border-color: var(--digi--footer--link--border-color--default);
  margin: 0;
}
:host ::slotted([slot^=content-bottom-right]) a:visited {
  color: var(--digi--footer--link--color--default);
}
:host ::slotted([slot^=content-bottom-right]) a:hover, :host ::slotted([slot^=content-bottom-right]) a:focus, :host ::slotted([slot^=content-bottom-right]) a:active {
  background: transparent;
  color: var(--digi--footer--link--color--hover);
  border-color: var(--digi--footer--link--border-color--hover);
}