/* Zusaetzliche Tabellen-Styles.

   Style 3 "Blanko"            - keine Linien.
   Style 4 "Linien horizontal" - nur waagerechte Linien.

   Avada setzt am Wrapper-<div> die Klasse table-3 bzw. table-4; die Grundregeln
   (Aussenabstand ueber Variablen, waagerechtes Scrollen auf schmalen Schirmen)
   entsprechen denen von Avadas Style 1/2. */
.table-3,
.table-4 {
  --awb-margin-top: 0;
  --awb-margin-right: 0;
  --awb-margin-bottom: 0;
  --awb-margin-left: 0;
  display: block;
  overflow-x: auto;
  margin: var(--awb-margin-top) var(--awb-margin-right) var(--awb-margin-bottom) var(--awb-margin-left);
}

.table-3 table,
.table-4 table {
  width: 100%;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}

.table-3 table th,
.table-4 table th {
  padding: 20px;
  background: transparent;
  font-weight: bold;
  text-align: left;
}

.table-3 table td,
.table-4 table td {
  padding: 10px 20px;
}

/* Blanko: wirklich nichts - auch keine geerbten Linien aus dem Theme. */
.table-3 table,
.table-3 table thead,
.table-3 table tbody,
.table-3 table tfoot,
.table-3 table tr,
.table-3 table th,
.table-3 table td {
  border: 0 !important;
}

/* Linien horizontal: Linie unter der Kopfzeile und unter jeder Zeile,
   keine senkrechten Trenner. */
.table-4 table th,
.table-4 table td {
  border: 0;
  border-bottom: var(--awb-table-line-width, 1px) solid var(--awb-table-line-color, #dcdcdc);
}

/* Linienfarbe aus dem Element (bzw. aus den Standardvorgaben). Die Klasse
   awb-table-lines setzt das Plugin nur, wenn eine Farbe hinterlegt ist -
   ohne sie bleiben Style 1 und 2 exakt so, wie Avada sie ausliefert.
   !important, weil die Farben sonst aus den Avada-Global-Options kommen. */
.awb-table-lines.table-1 table,
.awb-table-lines.table-1 table th,
.awb-table-lines.table-1 tr td,
.awb-table-lines.table-2 table thead,
.awb-table-lines.table-2 tr td,
.awb-table-lines.table-4 table th,
.awb-table-lines.table-4 table td {
  border-color: var(--awb-table-line-color, #dcdcdc) !important;
}

/* Schriftfarbe (Kopf- und Inhaltszellen). Links behalten ihre eigene Farbe -
   sonst waeren sie im Text nicht mehr als Links zu erkennen. */
.awb-table-text table,
.awb-table-text table th,
.awb-table-text table td {
  color: var(--awb-table-font-color) !important;
}

/* Innenabstand der Inhaltszellen. Nicht gesetzte Seiten behalten den
   Avada-Standard (10px oben/unten, 20px links/rechts). */
.awb-table-cells table td {
  padding-top: var(--awb-table-td-pt, 10px) !important;
  padding-right: var(--awb-table-td-pr, 20px) !important;
  padding-bottom: var(--awb-table-td-pb, 10px) !important;
  padding-left: var(--awb-table-td-pl, 20px) !important;
}