.wp-block-column {
  flex-basis: auto !important;
  min-width: auto !important;
}

.wp-block-cover {
  padding: 0;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
  color: var(--blue-100);
}

.contact-container {
  background-image: url("../images/contact-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--beige-20);
  padding-bottom: 196px;
}

.contact-breadcrumb {
  max-width: var(--content-width);
  width: 100%;
  margin: 0 auto;
  padding-top: 185px;
  padding-bottom: 40px;
}

.contact-group {
  max-width: var(--content-width);
  width: 100%;
  margin: 80px auto 0;
  padding: 0 32px;
}

.contact-content {
  display: flex;
  justify-content: space-between;
}

.contact-left {
  flex: 1;
  width: 100%;
  max-width: 363px;
  padding-left: 83px;
}

.contact-left h1 {
  color: var(--beige-100);
  font-size: 52px;
  font-weight: 800;
}

.contact-right {
  flex: 1;
  background: var(--beige-20);
  border-radius: 6px;
  border: 1px solid #b7b7b7;
  padding: 46px 116px;
  width: 100%;
  max-width: 674px;
}

.contact-separator {
  margin: 24px 0;
  border: 1px solid #b7b7b7;
}

.contact-addresses {
  display: flex;
  margin-top: 42px;
}

.contact-address {
  width: 211px;
}

.contact-links {
  display: flex;
  list-style: none;
  gap: 16px;
}

.contact-group .wp-social-link {
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.contact-group .wp-social-link a {
  width: 100%;
  height: 100%;
}

.contact-group .wp-social-link a svg {
  display: none;
}

.contact-group .wp-social-link-facebook {
  background-image: url("../images/icon-facebook.svg");
}

.contact-group .wp-social-link-youtube {
  background-image: url("../images/icon-youtube.svg");
}

.contact-group .wp-social-link-spotify {
  background-image: url("../images/icon-spotify.svg");
}

@media (max-width: 1100px) {
  .contact-group {
    margin-top: 0;
  }

  .contact-content {
    flex-wrap: wrap !important;
  }
  .contact-left,
  .contact-right {
    max-width: 100%;
  }

  .contact-left {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .contact-right {
    padding: 46px 24px;
  }
}