/**
 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: 0px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: var(--primary-color);
  background-size: contain;
  background-position: top;
  --text-color: var(--body-background);
  --title-color: var(--body-background);
  color: var(--body-background);
}
@media (min-width: 992px) {
  footer#footer {
    background-size: cover;
    background-position: center;
    padding-bottom: 60px;
    padding-top: 0px;
    position: relative;
    overflow: hidden;
  }
  footer#footer::after {
    content: "";
    background: linear-gradient(180deg, rgba(44, 44, 68, 0) 0%, #2C2C44 100%);
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
  }
}
footer#footer .region-footer {
  z-index: 50;
  position: relative;
}
footer#footer .region-footer::before {
  content: "";
  background: linear-gradient(180deg, rgba(44, 44, 68, 0) 35%, #2C2C44 100%);
  position: absolute;
  height: auto;
  top: 0px;
  aspect-ratio: 16/9;
  left: 0;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  footer#footer .region-footer::before {
    display: none;
  }
}
footer#footer .svgfooter2 {
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%;
  height: auto;
  transform: scale(1.1);
}
footer#footer .svg-footer {
  grid-column: 1/-1;
}
@media (min-width: 992px) {
  footer#footer .svg-footer {
    grid-row: 1;
  }
}
footer#footer .svg-footer svg {
  width: 100%;
  height: auto;
  transform: scale(1.1);
}
footer#footer .block-system-branding-block {
  z-index: 10;
  margin-bottom: 40px;
  order: 1;
  grid-column: 2/-2;
  margin-top: 25px;
}
@media (min-width: 992px) {
  footer#footer .block-system-branding-block {
    order: unset;
    grid-row: 2;
    grid-column: 2/-2;
    margin-bottom: 60px;
  }
}
footer#footer #block-elaba-baselinefooter {
  display: none;
}
@media (min-width: 992px) {
  footer#footer #block-elaba-baselinefooter {
    display: block;
    grid-row: 3;
    grid-column: 2/span 12;
  }
}
footer#footer #block-elaba-baselinefooter h2 {
  display: none !important;
}
footer#footer #block-elaba-baselinefooter .field--name-body p {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--body-font-family);
}
footer#footer #block-elaba-baselinefooter .field--name-body p strong {
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  font-family: var(--header-font-family);
}
@media (min-width: 1600px) {
  footer#footer #block-elaba-baselinefooter .field--name-body p {
    font-size: 2.75rem;
    line-height: 44px;
  }
  footer#footer #block-elaba-baselinefooter .field--name-body p strong {
    font-size: 5rem;
    line-height: 80px;
  }
}
footer#footer #block-elaba-baselinefooter .field--name-body p {
  color: var(--body-background);
}
footer#footer .block-views-blockcontact-data {
  order: 2;
  grid-column: 2/-2;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blockcontact-data {
    margin-bottom: 0px;
    order: unset;
    grid-row: 3;
    align-self: flex-start;
    grid-column: 18/span 4;
  }
}
footer#footer .block-views-blockcontact-data {
  color: var(--body-background);
}
footer#footer .block-views-blockcontact-data .site_setting_entity .field--name-field-name {
  display: none;
}
footer#footer .block-views-blockcontact-data .site_setting_entity .address-information, footer#footer .block-views-blockcontact-data .site_setting_entity .contact-information {
  margin-bottom: 35px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 7px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blockcontact-data .site_setting_entity .address-information, footer#footer .block-views-blockcontact-data .site_setting_entity .contact-information {
    margin-top: 0px;
  }
}
footer#footer .block-views-blockcontact-data .site_setting_entity .address-information > div, footer#footer .block-views-blockcontact-data .site_setting_entity .contact-information > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
}
footer#footer .block-views-blockcontact-data .site_setting_entity .address-information > div a, footer#footer .block-views-blockcontact-data .site_setting_entity .contact-information > div a {
  text-decoration: none;
  color: var(--body-background);
}
footer#footer .block-views-blockcontact-data .site_setting_entity div.field--name-field-company-number {
  display: none;
}
footer#footer .block-views-blocksocial-media-links {
  color: var(--body-background);
  order: 3;
  grid-column: 2/-2;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  footer#footer .block-views-blocksocial-media-links {
    margin-bottom: 0px;
    order: unset;
    grid-row: 3;
    grid-column: 18/span 4;
    align-self: flex-end;
  }
}
footer#footer .block-views-blocksocial-media-links ul.linkicon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer#footer .block-views-blocksocial-media-links ul.linkicon li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
footer#footer .block-views-blocksocial-media-links ul.linkicon li a {
  color: var(--body-background);
}
footer#footer .menu--main {
  order: 4;
  grid-column: 2/-2;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  footer#footer .menu--main {
    margin-bottom: 0px;
    order: unset;
    grid-row: 3;
    grid-column: 22/-3;
  }
}
footer#footer .menu--main li a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px;
  color: var(--body-background);
  background: transparent;
}
footer#footer #block-elaba-copyright {
  order: 5;
  grid-column: 2/-2;
}
@media (min-width: 992px) {
  footer#footer #block-elaba-copyright {
    order: unset;
    grid-row: 4;
    grid-column: 2/span 3;
    margin-top: 200px;
  }
}
footer#footer #block-elaba-copyright p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  text-transform: lowercase;
  color: var(--body-background);
}
footer#footer .menu--footer {
  order: 6;
  grid-column: 2/-2;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  footer#footer .menu--footer {
    margin-bottom: 0px;
    order: unset;
    grid-row: 4;
    grid-column: 10/-10;
    margin-top: 200px;
  }
}
footer#footer .menu--footer ul li a, footer#footer .menu--footer ul li span {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  text-transform: lowercase;
  color: var(--body-background);
  text-decoration: none;
}
footer#footer #block-elaba-websitebyikoon {
  order: 7;
  grid-column: 2/-2;
}
@media (min-width: 992px) {
  footer#footer #block-elaba-websitebyikoon {
    order: unset;
    grid-row: 4;
    grid-column: span 3/-2;
    margin-top: 200px;
  }
}
footer#footer #block-elaba-websitebyikoon p, footer#footer #block-elaba-websitebyikoon a {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  text-transform: lowercase;
  color: var(--body-background);
  text-decoration: none;
}

.footer-svg {
  position: absolute;
  width: 0;
  height: 0;
}

.svg-footer {
  position: relative;
}

.footer-clipped {
  width: 100%;
  height: 69%;
  position: absolute;
  background-size: cover;
  background-color: var(--body-background);
  transform: scale(1.1);
  clip-path: url(#footer-clip-path);
}

html {
  scroll-behavior: smooth;
}

.contact-information .field--name-field-phone, .contact-information .field--name-field-whatsapp {
  display: flex;
  flex-direction: column !important;
}