/* ===============================
   Contact Table Styles
   =============================== */

/* Container Wrapping the Table */
#page_main_content > .wysiwyg_block:has(.contact-table) {
  display: block;
  margin: auto;
  max-width: 1140px;
}

#page_main_content > .wysiwyg_block:has(.contact-table) .wysiwyg_block_inner {
  padding: 0;
}

/* Typography Context */
.typography table.contact-table {
  border: 1px solid rgb(78 54 41 / 5%);
}

/* Table Base */
table.contact-table {
  border-collapse: collapse;
  width: 100%;
}

/* Caption */
table.contact-table caption {
  color: var(--color-brown);
  font-size: clamp(2rem, 3vw, 2.5rem) !important;
  font-weight: bold;
  padding: 0 0 8px 4%;
  line-height: 1.25;
  text-align: center;
}

/* Header */
table.contact-table thead {
  background-color: rgba(78, 54, 41, 0.0125);
  border-bottom: none;
}

table.contact-table thead th {
  color: var(--color-brown);
  font-family: var(--font-minion);
  font-size: clamp(20px, 2vw, 22px) !important;
  font-style: italic;
  font-weight: normal;
  line-height: 1.25;
  padding: 26px 4%;
  text-align: center;
  text-wrap-style: balance;
}

/* Cells */
table.contact-table td,
table.contact-table th {
  border: 1px solid rgb(78 54 41 / 5%);
  color: var(--color-brown);
  width: 50%;
}

/* Body Rows */
table.contact-table tbody tr:nth-child(2n) {
  background: rgb(78 54 41 / 2%);
}

table.contact-table tbody tr:hover {
  background: rgb(78 54 41 / 5%);
}
@media (min-width: 740px) {
table.contact-table tr td:nth-child(1){
	text-align: right;
}
}

/* ===============================
   Responsive Styles
   =============================== */
@media (max-width: 739px) {
  table.contact-table tbody tr {
    border-bottom: 1px solid rgb(78 54 41 / 5%);
    display: flex;
    flex-direction: column-reverse;
    padding: 16px;
  }

  table.contact-table tbody td,
  table.contact-table tbody th {
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  table.contact-table caption,
  table.contact-table thead th {
    text-align: left !important;
  }
}