/*---------------------------------------------------------------------------------

 Theme Name:   Divi child theme
 Theme URI:    
 Description:  
 Author:       Solid Mass Media
 Author URI:   https://
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* =====================================================
   BASE VARIABLES
   ===================================================== */
.jet-compare {
  --c1: transparent;
  --c2: #244c73;
  --c3: #133c61;
  --c4: #19456d;
  --c5: #294e74;

  --border: rgba(255,255,255,.18);
  --text: #ffffff;
  --muted: rgba(255,255,255,.85);

  color: var(--text);
  width: 100%;
}

/* =====================================================
   WRAPPER
   ===================================================== */
.jet-compare .jet-scroll {
  width: 100%;
}

/* =====================================================
   TABLE BASE (DESKTOP)
   ===================================================== */
.jet-compare table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.jet-compare th,
.jet-compare td {
  border: 1px solid var(--border);
  padding: 18px;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.45;
}

.jet-compare thead th {
  font-size: 24px;
  font-weight: 300;
  color: var(--text) !important;
  font-family: argent-cf, serif;
  line-height: 1.1;
}

.entry-content tr td{
	line-height:1.3;
	padding: 16px 24px;
}

.entry-content thead th,.entry-content tr th{
	padding: 16px 12px;
    text-align: center;
}

/* =====================================================
   COLUMN COLORS
   ===================================================== */
.jet-compare th:nth-child(1),
.jet-compare td:nth-child(1) { background: var(--c1); }

.jet-compare th:nth-child(2),
.jet-compare td:nth-child(2) { background: var(--c2); }

.jet-compare th:nth-child(3),
.jet-compare td:nth-child(3) { background: var(--c3); }

.jet-compare th:nth-child(4),
.jet-compare td:nth-child(4) { background: var(--c4); }

.jet-compare th:nth-child(5),
.jet-compare td:nth-child(5) { background: var(--c5); }

/* =====================================================
   ROW TITLE (LEFT COLUMN)
   ===================================================== */
.jet-compare .row-title {
  font-weight: 600;
  white-space: nowrap;
  min-width: 220px;
}

/* =====================================================
   LIST + CHECK ICON
   ===================================================== */
.jet-compare ul {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}

.jet-compare li {
  margin-bottom: 8px;
  line-height: 1.3;
}

.jet-compare .row-destinations ul {
  list-style: none;
  padding-left: 0;
	padding-bottom:0;
}

.jet-compare .row-destinations li {
  position: relative;
  padding-left: 26px;
}

.jet-compare .row-destinations li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 16px;
  background: url("/wp-content/uploads/check-small-white.png") no-repeat center / contain;
}

.jet-compare .note {
  margin-top: 10px;
  font-size: 13px;
  font-style: italic;
  color: var(--muted);
}

/* =====================================================
   TABLET (HORIZONTAL SCROLL ENABLED)
   ===================================================== */
@media (max-width: 1023px) and (min-width: 768px) {

  .jet-compare .jet-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .jet-compare table {
    table-layout: fixed;
    min-width: 1000px;
  }

  .jet-compare th,
  .jet-compare td {
    white-space: normal;
    font-size: 14px;
  }

  .jet-compare thead th {
    font-size: 18px;
  }
}

/* =====================================================
   MOBILE: SECTION-BASED FLOW
   ===================================================== */
@media (max-width: 767px) {

  .jet-compare table {
    display: block;
    width: 100%;
  }
	
	.jet-compare-table tbody tr:first-child{
    background-color: var(--c2);
}

.jet-compare-table tbody tr:nth-child(2){
    background-color: var(--c3);
}

  .entry-content table:not(.variations) {
    border: none;
  }

  .jet-compare thead {
    display: none;
  }

  .jet-compare tbody {
    display: block;
  }

  .jet-compare tbody tr {
    display: block;
    margin-bottom: 44px;
    padding: 5%;
    border-radius: 5px;
    border: 1px solid #fff;
  }

  .jet-compare .row-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    white-space: normal;
    text-align: center;
  }

  .jet-compare tbody td {
    display: block;
    background: transparent !important;
    border: none;
    padding: 0 0 22px 0;
  }

  .jet-compare tbody td:not(.row-title) {
    padding-left: 0;
  }

  .jet-compare tbody td::before {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
    opacity: .95;
    font-family: argent-cf, serif;
  }

  .jet-compare tbody td:nth-child(2)::before {
    content: "Four Seasons Private Jet Experience";
  }

  .jet-compare tbody td:nth-child(3)::before {
    content: "Aman / Remote Lands Private Jet Experience";
  }

  .jet-compare tbody td:nth-child(4)::before {
    content: "Abercrombie & Kent Private Jet Journeys";
  }

  .jet-compare tbody td:nth-child(5)::before {
    content: "TCS World Travel Private Jet Journeys";
  }

  .jet-compare li {
    margin-bottom: 6px;
  }

  .jet-compare .note {
    font-size: 13px;
  }
}

.jet-compare .jet-scroll::-webkit-scrollbar {
  height: 6px;
}

.jet-compare .jet-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.jet-compare .jet-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 999px;
}

.jet-compare .jet-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.85);
}

.jet-compare .jet-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.6) transparent;
}