:root {
  --contact-radius: -0px;
  --contact-border-color: var(--color-outline);
  --contact-color-bg: var(--color-outline);
}

.contact .wp-block-image {
  border-right: solid 1px var(--color-grey-1);
}

/* wordpress shows massive images, set maximum */

.contact .wp-block-image img {
  max-width: 250px;
  max-height: 250px;
  vertical-align: middle;
}

/* reset columns */

.contact.wp-block-columns {
  margin: 0;
  /* background-color: var(--contact-color-bg); */
  /* padding: 0.5rem; */
  border-radius: var(--contact-radius);
  /* font-size: 0.9em; */
}

.contact .wp-block-column {
  display: flex;
  align-items: center;
  margin-left: 0;
}

/* .contact .wp-block-column:last-child {
  justify-content: end;
} */

/* dealer table  */

.contact .wp-block-column figure {
  display: block;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  /* text-transform: lowercase; */
  color: var(--color-h3);
  /* font-size: 1.25em; */
}

/* dealer table key fields */

.contact .wp-block-column tr>td:first-child {
  text-align: right;
  padding-right: 0.5rem;
  /* width: 8rem; */
  text-transform: capitalize;
  font-weight: 200;
  color: var(--color-h3);
  vertical-align: top;
  min-width: 12ch;
}

/* dealer table value field */

.contact .wp-block-column tr>td:last-child {
  /* text-transform: uppercase;   */
  color: var(--color-primary);
}

/* dealer table value field link */

.contact .wp-block-column a {
  text-decoration: none;
  color: var(--color-primary);
}

/* dealer table value field link hover*/

.contact .wp-block-column a:hover {
  color: var(--color-primary-light);
}

/* @media all and (max-width: 900px) { 
  .contact .wp-block-column figure {
    font-size: 1em;
  }
} */

@media all and (max-width: 800px) {
  .contact.wp-block-columns {
    flex-direction: column;
    align-items: flex-start;
    padding: 1em;
  }
  .contact .wp-block-column {
    flex-direction: column;
  }
  .contact .wp-block-column:first-child {
    display: none;
  }
}

@media all and (max-width: 612px) {
  .contact .wp-block-column {
    font-size: 0.8em;
  }
}