/**
 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.
 */
footer#footer {
  padding-top: 60px;
  padding-bottom: 30px;
}
footer#footer .block-system-branding-block {
  margin-bottom: 30px;
  grid-column: 2/-2;
}
@media (min-width: 992px) {
  footer#footer .block-system-branding-block {
    margin-bottom: 85px;
    grid-row: 1;
    grid-column: 2/12;
  }
}
footer#footer .block-system-branding-block svg path:last-of-type {
  fill: var(--white);
}
footer#footer .block-views-blocksocial-media-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  grid-column: 2/-2;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blocksocial-media-links {
    margin-bottom: 0px;
    justify-content: flex-end;
    grid-row: 1;
    grid-column: 14/-2;
  }
}
footer#footer .block-views-blocksocial-media-links h2 {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer .block-views-blocksocial-media-links h2 {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer .block-views-blocksocial-media-links h2 {
  --text-color: var(--white);
  --title-color: var(--white);
  --anchor-color: var(--white);
  text-decoration: none;
  font-family: var(--body-font-family);
}
footer#footer .block-views-blocksocial-media-links .linkicon {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  footer#footer .block-views-blocksocial-media-links .linkicon {
    justify-content: flex-end;
  }
}
footer#footer .block-views-blocksocial-media-links .linkicon {
  gap: 10px;
  list-style-type: none;
}
footer#footer .block-views-blocksocial-media-links .linkicon li {
  margin: 0;
}
footer#footer .block-views-blockcontact-data {
  grid-column: 2/-2;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blockcontact-data {
    grid-row: 2;
    margin-bottom: 120px;
    grid-column: 2/span 11;
  }
}
footer#footer .block-views-blockcontact-data a, footer#footer .block-views-blockcontact-data span, footer#footer .block-views-blockcontact-data .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer .block-views-blockcontact-data a, footer#footer .block-views-blockcontact-data span, footer#footer .block-views-blockcontact-data .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer .block-views-blockcontact-data a, footer#footer .block-views-blockcontact-data span, footer#footer .block-views-blockcontact-data .field__item {
  --text-color: var(--white);
  --title-color: var(--white);
  --anchor-color: var(--white);
  text-decoration: none;
  text-transform: unset;
}
footer#footer .block-views-blockcontact-data .field--name-field-telephone, footer#footer .block-views-blockcontact-data .field--name-field-tax {
  margin-top: 25px;
}
footer#footer .block-views-blockcontact-data .field--name-field-branches > .field__items > .field__item:first-of-type {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blockcontact-data .field--name-field-branches > .field__items > .field__item:first-of-type {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  footer#footer .block-views-blockcontact-data .field--name-field-branches > .field__items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
  }
  footer#footer .block-views-blockcontact-data .field--name-field-branches > .field__items > .field__item {
    width: calc(50% - 8px);
  }
}
footer#footer .block-views-blockcontact-data .field--name-field-country:first-of-type .field__item {
  --title-color: var(--secondary-light-color);
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.125rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  footer#footer .block-views-blockcontact-data .field--name-field-country:first-of-type .field__item {
    font-size: 1.5rem;
    line-height: 110%;
  }
}
footer#footer .block-views-blockcontact-data .field--name-field-country:first-of-type .field__item {
  margin-bottom: 32px;
}
footer#footer .menu--main {
  grid-column: 8/-2;
  margin-bottom: 60px;
  grid-row: 4;
}
@media (min-width: 992px) {
  footer#footer .menu--main {
    grid-row: 2;
    grid-column: 13/span 5;
    margin-bottom: 120px;
  }
}
footer#footer .menu--main > h2 {
  --title-color: var(--secondary-light-color);
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.125rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  footer#footer .menu--main > h2 {
    font-size: 1.5rem;
    line-height: 110%;
  }
}
footer#footer .menu--main > h2 {
  margin-bottom: 32px;
}
footer#footer .menu--main ul:not(.contextual-links) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
footer#footer .menu--main a, footer#footer .menu--main span, footer#footer .menu--main .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer .menu--main a, footer#footer .menu--main span, footer#footer .menu--main .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer .menu--main a, footer#footer .menu--main span, footer#footer .menu--main .field__item {
  --text-color: var(--white);
  --title-color: var(--white);
  --anchor-color: var(--white);
  text-decoration: none;
  text-transform: unset;
}
footer#footer .menu--footer-menu-nav {
  margin-bottom: 60px;
  grid-row: 4;
  grid-column: 2/8;
}
@media (min-width: 992px) {
  footer#footer .menu--footer-menu-nav {
    grid-row: 2;
    grid-column: 18/span 5;
    margin-bottom: 120px;
  }
}
footer#footer .menu--footer-menu-nav > h2 {
  --title-color: var(--secondary-light-color);
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.125rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  footer#footer .menu--footer-menu-nav > h2 {
    font-size: 1.5rem;
    line-height: 110%;
  }
}
footer#footer .menu--footer-menu-nav > h2 {
  margin-bottom: 32px;
}
footer#footer .menu--footer-menu-nav ul:not(.contextual-links) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
footer#footer .menu--footer-menu-nav a, footer#footer .menu--footer-menu-nav span, footer#footer .menu--footer-menu-nav .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer .menu--footer-menu-nav a, footer#footer .menu--footer-menu-nav span, footer#footer .menu--footer-menu-nav .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer .menu--footer-menu-nav a, footer#footer .menu--footer-menu-nav span, footer#footer .menu--footer-menu-nav .field__item {
  --text-color: var(--white);
  --title-color: var(--white);
  --anchor-color: var(--white);
  text-decoration: none;
  text-transform: unset;
}
footer#footer .menu--footer-menu-nav li.has-phone-button {
  display: none;
}
footer#footer .menu--footer-menu-nav a.button {
  padding: 0px;
  color: var(--text-color);
  background-color: transparent;
  font-style: normal;
  font-family: var(--body-font-family);
}
footer#footer #block-elaba-copyright {
  grid-column: 2/-2;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  footer#footer #block-elaba-copyright {
    margin-bottom: 0px;
    grid-row: 3;
    grid-column: 2/span 6;
  }
}
footer#footer #block-elaba-copyright a, footer#footer #block-elaba-copyright span, footer#footer #block-elaba-copyright .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer #block-elaba-copyright a, footer#footer #block-elaba-copyright span, footer#footer #block-elaba-copyright .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer #block-elaba-copyright a, footer#footer #block-elaba-copyright span, footer#footer #block-elaba-copyright .field__item {
  --text-color: var(--secondary-light-color);
  --title-color: var(--secondary-light-color);
  --anchor-color: var(--secondary-light-color);
  text-decoration: none;
}
footer#footer .menu--footer {
  grid-column: 2/-2;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  footer#footer .menu--footer {
    margin-bottom: 0px;
    grid-row: 3;
    grid-column: 9/span 12;
  }
}
@media (min-width: 992px) {
  footer#footer .menu--footer ul {
    justify-content: center;
  }
}
footer#footer .menu--footer a, footer#footer .menu--footer span, footer#footer .menu--footer .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer .menu--footer a, footer#footer .menu--footer span, footer#footer .menu--footer .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer .menu--footer a, footer#footer .menu--footer span, footer#footer .menu--footer .field__item {
  --text-color: var(--secondary-light-color);
  --title-color: var(--secondary-light-color);
  --anchor-color: var(--secondary-light-color);
  text-decoration: none;
  text-transform: unset;
}
footer#footer #block-elaba-websiteikoon {
  grid-column: 2/-2;
}
@media (min-width: 992px) {
  footer#footer #block-elaba-websiteikoon {
    grid-row: 3;
    grid-column: 20/-2;
  }
}
@media (min-width: 992px) {
  footer#footer #block-elaba-websiteikoon a, footer#footer #block-elaba-websiteikoon span, footer#footer #block-elaba-websiteikoon .field__item {
    text-align: right;
  }
}
footer#footer #block-elaba-websiteikoon a, footer#footer #block-elaba-websiteikoon span, footer#footer #block-elaba-websiteikoon .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  footer#footer #block-elaba-websiteikoon a, footer#footer #block-elaba-websiteikoon span, footer#footer #block-elaba-websiteikoon .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
footer#footer #block-elaba-websiteikoon a, footer#footer #block-elaba-websiteikoon span, footer#footer #block-elaba-websiteikoon .field__item {
  --text-color: var(--secondary-light-color);
  --title-color: var(--secondary-light-color);
  --anchor-color: var(--secondary-light-color);
  text-decoration: none;
  text-transform: unset;
}