.site-footer {
  width: 100%;
}

.footer {
  background-color: #EFE3D2;
  padding: 40px 0 24px;
  /* border: 1px solid #ededed; */
}

/* Bottom Footer */
.dialog-off-canvas-main-canvas > .container {
  /* display: none; */
  display: flex;
  justify-content: space-between;
  flex-direction: wrap;
  flex-wrap: wrap;
  margin-top: 36px !important;
}

.dialog-off-canvas-main-canvas > .container  div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.site-footer > .row {
  flex-direction: column;
}

/* #block-socialbase-nouscontacter, #block-socialbase-nouscontacter-2 {
  background-color: white;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 80px 0;
} */

#block-socialbase-nouscontacter-2 div[data-once="contextual-render"],
#block-socialbase-nouscontacter div[data-once="contextual-render"]{
  display: none;
}

#block-socialbase-nouscontacter-2 .grid-container-custom .field--name-field-image img,
#block-socialbase-nouscontacter .grid-container-custom .field--name-field-image img {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 8px;
}

#block-socialbase-nouscontacter-2 .grid-container-custom .field--name-field-contact-info .field--item, 
#block-socialbase-nouscontacter .grid-container-custom .field--name-field-contact-info .field--item {
  margin-bottom: 8px;
}

#block-socialbase-nouscontacter-2 .grid-container-custom .field--name-field-contact-info .layout--twocol-section,
#block-socialbase-nouscontacter .grid-container-custom .field--name-field-contact-info .layout--twocol-section {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start !important;
}

#block-socialbase-nouscontacter-2 .grid-container-custom .field--name-field-contact-info .layout--twocol-section .layout__region--first {
  flex: unset
}

#block-socialbase-nouscontacter-2 .grid-container-custom .field--name-field-contact-info .layout--twocol-section .block-field-blockparagraphtext-imagefield-label .field,
#block-socialbase-nouscontacter .grid-container-custom .field--name-field-contact-info .layout--twocol-section .block-field-blockparagraphtext-imagefield-label .field {
  margin-bottom: 0;
  font-weight: 700;
  color: var(--m-color);
}

#block-socialbase-identitedusite, #block-socialbase-socialmenu {
  padding: 24px 16px;
  text-align: center;
}

#block-socialbase-socialmenu .social-menu {
  justify-content: center;
  gap: 24px
}

#block-socialbase-nouscontacter .grid-container-custom .field--name-field-contact-info .layout--twocol-section .block-field-blockparagraphtext-imagefield-text {}

#block-socialbase-nouscontacter .field--name-field-contact-info .layout--twocol-section--33-67 {
  justify-content: flex-start;
  gap: 8px
}

#block-socialbase-nouscontacter .field--name-field-contact-info .layout--twocol-section--33-67 .layout__region--first {
  flex: 0 0 auto
}
.copyright img {
  width: 100px;
}

#block-socialbase-nouscontacter .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second, .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
  flex: 0 0 100%
}

.footer-container .layout--twocol-section {
  gap: 12px;
  justify-content: flex-start !important;
}

.footer-container .layout--twocol-section .layout__region--second {
  /* justify-content: flex-start !important; */
  flex: 0 1 100%
}

@media screen and (max-width: 400px) {

  .dialog-off-canvas-main-canvas > .container {
    justify-content: center;
    padding: 16px;
    margin-bottom: 24px;
  }

  .dialog-off-canvas-main-canvas > .container  div {
    justify-content: center;
  }

}

@media screen and (min-width: 401px) and (max-width: 640px) {
  
  .dialog-off-canvas-main-canvas > .container {
    justify-content: center;
    padding: 16px;
    margin-bottom: 24px;
  }

}

@media screen and (min-width: 600px) {
  
  #block-socialbase-nouscontacter > .grid-container-custom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
  }

  #block-socialbase-nouscontacter .grid-container-custom .block-title {
    grid-column: 1/3;
  }

  #block-socialbase-nouscontacter .grid-container-custom .field--name-field-contact-info .layout--twocol-section {
    justify-content: flex-start !important;
    gap: 8px
  }

  #block-socialbase-nouscontacter .block-title {
    text-align: center;
  }

  #block-socialbase-nouscontacter .field--name-field-contact-info {
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px
  }

}

@media screen and (max-width: 1199px) {

  #block-socialbase-nouscontacter {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-container {
    justify-content: center !important;
    text-align: center;
  }

  .footer-container .footer_bottom_one {
    display: flex;
    justify-content: center;
    text-align: left;
  }

}

@media screen and (min-width: 1200px) {

  .site-footer > .row, #block-socialbase-nouscontacter .grid-container-custom {
    max-width: calc(1200px - 2rem);
    margin: auto;
  }
  
  /* Bottom Footer */
  .dialog-off-canvas-main-canvas > .container {
    max-width: calc(1200px - 2rem);
    margin: auto;
  }

  #block-socialbase-nouscontacter > .grid-container-custom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .footer-container {
    max-width: calc(1200px - 2rem);
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
  }

}