/* =========================================================
   PURE ADVENTURE — TABLES CSS
   Base table styling. Load before responsive.css.
   ========================================================= */


/* =========================================================
   01. TOUR DETAILS TABLE
   ========================================================= */

.tour-details-table-wrapper .uabb-table-wrapper,
.tour-details-table-wrapper .uabb-table,
.tour-details-table-wrapper .uabb-table-inner-wrap {
  width: 100%;
}

.tour-details-table-wrapper .uabb-table-inner-wrap {
  border: 2px solid var(--pa-blue-medium);
  border-collapse: collapse;
  background-color: #ffffff;
}

.tour-details-table-wrapper th,
.tour-details-table-wrapper td {
  padding: 22px 28px !important;
  border: 2px solid var(--pa-blue-medium) !important;
  vertical-align: middle;
  text-align: left;
}

.tour-details-table-wrapper th:first-child,
.tour-details-table-wrapper td:first-child {
  width: 22%;
  background-color: var(--pa-blue-dark);
  color: #ffffff !important;
  font-weight: 800;
}

.tour-details-table-wrapper th:nth-child(2),
.tour-details-table-wrapper td:nth-child(2) {
  width: 78%;
  background-color: #ffffff;
  color: #6f6f6f !important;
}

.tour-details-table-wrapper .th-style,
.tour-details-table-wrapper .content-text {
  font-family: "figtree", sans-serif;
  font-size: 20px;
  line-height: 1.35;
}

.tour-details-table-wrapper th:first-child .th-style,
.tour-details-table-wrapper td:first-child .content-text {
  color: #ffffff !important;
  font-weight: 800;
}

.tour-details-table-wrapper th:nth-child(2) .th-style,
.tour-details-table-wrapper td:nth-child(2) .content-text {
  color: #6f6f6f !important;
  font-weight: 400;
}

.tour-details-table-wrapper .uabb-sort-icon {
  display: none !important;
}


/* =========================================================
   02. TOUR COMPARISON TABLE
   ========================================================= */

.tour-comparison-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate !important;
  border-spacing: 0;
}

.tour-comparison-table thead th:first-child,
.tour-comparison-table tbody td:first-child {
  width: 22%;
}

.tour-comparison-table thead th:nth-child(2),
.tour-comparison-table thead th:nth-child(3),
.tour-comparison-table thead th:nth-child(4),
.tour-comparison-table tbody td:nth-child(2),
.tour-comparison-table tbody td:nth-child(3),
.tour-comparison-table tbody td:nth-child(4) {
  width: 26%;
}

.tour-comparison-table thead th {
  padding: 22px 18px !important;
  border: 2px solid var(--pa-white) !important;
}

.tour-comparison-table thead th:first-child,
.tour-comparison-table thead th:first-child .th-style {
  background: var(--pa-table-dark) !important;
  color: var(--pa-white) !important;
  text-align: center;
}

.tour-comparison-table thead th:nth-child(2),
.tour-comparison-table thead th:nth-child(2) .th-style,
.tour-comparison-table thead th:nth-child(4),
.tour-comparison-table thead th:nth-child(4) .th-style {
  background: var(--pa-teal) !important;
  color: var(--pa-white) !important;
  text-align: center;
}

.tour-comparison-table thead th:nth-child(3),
.tour-comparison-table thead th:nth-child(3) .th-style {
  background: var(--pa-blue-dark) !important;
  color: var(--pa-white) !important;
  text-align: center;
}

.tour-comparison-table thead .th-style {
  font-family: "figtree", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tour-comparison-table tbody td {
  padding: 22px 20px !important;
  background: var(--pa-white) !important;
  border-top: none !important;
  border-right: 1px solid var(--pa-blue-medium) !important;
  border-bottom: 1px solid var(--pa-table-border) !important;
  border-left: none !important;
  vertical-align: middle;
}

.tour-comparison-table tbody .content-text {
  color: var(--pa-text-dark) !important;
  font-family: "figtree", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.45;
}

.tour-comparison-table tbody td:first-child,
.tour-comparison-table tbody td:first-child .content-text {
  background: var(--pa-white) !important;
  color: var(--pa-table-dark) !important;
  font-weight: 800 !important;
  text-align: left;
}

.tour-comparison-table tbody td:nth-child(2),
.tour-comparison-table tbody td:nth-child(3),
.tour-comparison-table tbody td:nth-child(4) {
  text-align: center;
}

.tour-comparison-table tbody tr:hover td {
  background: #f8fbff !important;
}

.tour-comparison-table tbody tr:last-child td:first-child,
.tour-comparison-table tbody tr:last-child td:first-child .content-text {
  background: var(--pa-table-dark) !important;
  color: var(--pa-white) !important;
  font-weight: 800 !important;
}

.tour-comparison-table tbody tr:last-child td:nth-child(2),
.tour-comparison-table tbody tr:last-child td:nth-child(2) .content-text,
.tour-comparison-table tbody tr:last-child td:nth-child(4),
.tour-comparison-table tbody tr:last-child td:nth-child(4) .content-text {
  background: var(--pa-teal) !important;
  color: var(--pa-white) !important;
  font-weight: 800 !important;
}

.tour-comparison-table tbody tr:last-child td:nth-child(3),
.tour-comparison-table tbody tr:last-child td:nth-child(3) .content-text {
  background: var(--pa-blue-dark) !important;
  color: var(--pa-white) !important;
  font-weight: 800 !important;
}

.tour-comparison-table a {
  color: var(--pa-white) !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.tour-comparison-table .uabb-sort-icon {
  display: none !important;
}

.tour-comparison-table th,
.tour-comparison-table .th-style {
  cursor: default !important;
}


/* =========================================================
   03. ALTERNATE TOUR DETAILS TABLE
   Use .tour-details-table-wrapper-alt.
   ========================================================= */

.tour-details-table-wrapper-alt .uabb-table-wrapper,
.tour-details-table-wrapper-alt .uabb-table,
.tour-details-table-wrapper-alt .uabb-table-inner-wrap {
  width: 100%;
}

.tour-details-table-wrapper-alt .uabb-table-inner-wrap {
  border: none !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

.tour-details-table-wrapper-alt thead,
.tour-details-table-wrapper thead {
  display: none !important;
}

.tour-details-table-wrapper-alt th,
.tour-details-table-wrapper-alt td {
  padding: 18px 24px !important;
  border: none !important;
  border-bottom: 1px solid #bfbfbf !important;
  vertical-align: middle;
  text-align: left;
}

.tour-details-table-wrapper-alt td:first-child {
  width: 18%;
  background-color: var(--pa-light-grey) !important;
  border-right: 1px solid var(--pa-blue-dark) !important;
}

.tour-details-table-wrapper-alt td:nth-child(2) {
  width: 82%;
  background-color: transparent !important;
}

.tour-details-table-wrapper-alt td:first-child .content-text {
  color: var(--pa-blue-dark) !important;
  font-family: "figtree", sans-serif;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.3;
}

.tour-details-table-wrapper-alt td:nth-child(2) .content-text {
  color: #6f6f6f !important;
  font-family: "figtree", sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45;
}

.tour-details-table-wrapper-alt tbody tr:last-child td {
  border-bottom: none !important;
}

.tour-details-table-wrapper-alt .uabb-sort-icon {
  display: none !important;
}