/* --------------------------------------- */
/*  Snippflow Responsive Comparison Table  */
/* --------------------------------------- */

.nx-responsive-table {
  --sf-skill-row-hover-bg: #46a787;
  --sf-skill-row-hover-color: #fff;
}

.nx-responsive-table { width: 100%; border-collapse: collapse; margin: 20px 0; text-align: left; font-size: 12px; }
.nx-responsive-table thead th { background-color: #333; color: #FFFFFF; }
.nx-responsive-table tbody tr:nth-child(even) { background-color: rgba(0,0,0,.03); }
.nx-responsive-table th,
.nx-responsive-table td { padding: 3px 3px; border-bottom: 1px solid rgba(0,0,0,.06); }

@media only screen and (max-width: 767px) {
    .nx-responsive-table thead { display: none; }
    .nx-responsive-table tbody { display: block; width: 100%; }
    .nx-responsive-table tbody tr,
    .nx-responsive-table tbody tr:nth-child(even) { background-color: rgba(0,0,0,.03); }
    .nx-responsive-table tr { display: block; padding: 15px; margin-bottom: 15px; }
    .nx-responsive-table td { display: flex; align-items: center; justify-content: space-between; text-align: left; font-weight: 700; padding-left: 0; padding-right: 0; }
    .nx-responsive-table td:before { content: attr(data-label); margin-right: auto; font-weight: 400; }
    .nx-responsive-table td:last-child {border-bottom: 0; }
    
    .courses td:nth-child(2) { font-weight: normal; font-style: italic; }
    }
}

.nx-responsive-table tr:not(.row-header, .row-footer, .divider):hover { background-color: var(--sf-skill-row-hover-bg); color: var(--sf-skill-row-hover-color); }
.nx-responsive-table tr:not(.row-header, .row-footer, .divider):hover .row-label { color: var(--sf-skill-row-hover-color); }


.courses td a { color: var(--orange);}
/*
.nx-responsive-table {
  --sf-skill-title-color: #304050;
  --sf-skill-row-label: #172029;
  --sf-skill-row-bg: #fdfdfd;
  --sf-skill-row-hover-bg: #46a787;
  --sf-skill-row-hover-color: #fff;
  --sf-skill-row-subtitle: #46a787;
}

.nx-responsive-table { display: flex; flex-direction: column; width: 100%; max-width: 100%; margin: 0 auto; }
.nx-responsive-table * { box-sizing: border-box }
.nx-responsive-table .product-title {font-size: 18px; font-weight: 500; color: var(--sf-skill-title-color) }
.nx-responsive-table .price { border: 1px solid; display: inline-flex; padding: 5px 15px; border-radius: 20px; font-size: 18px; }
.nx-responsive-table .small-text { font-size: 85%; opacity: .65; }
.nx-responsive-table .row-subtitle { color: var(--sf-skill-row-subtitle); margin: 0; padding: 20px; font-size: 18px; font-weight: 400; }
.nx-responsive-table ul.row{ list-style: none; display: flex; flex: 1; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; width: 100%; min-height: 50px; padding: 5px 0; border-radius: 4px; }
.nx-responsive-table ul.row li{ flex: 1; padding: 0 20px; line-height: 1.2; margin: 0; text-align: center; }
.nx-responsive-table ul.row li.row-label { color: var(--sf-skill-row-label); border: none; width: 200px; text-align: left; font-weight: 500; }
.nx-responsive-table ul.row:nth-child(odd):not(.row-header, .row-footer) { background-color: var(--sf-skill-row-bg); }
.nx-responsive-table ul.row:not(.row-header, .row-footer):hover { background-color: var(--sf-skill-row-hover-bg); color: var(--sf-skill-row-hover-color); }
.nx-responsive-table ul.row:not(.row-header, .row-footer):hover .row-label { color: var(--sf-skill-row-hover-color); }
.nx-responsive-table ul.row:first-of-type { align-items: flex-start; }
.nx-responsive-table ul.row:first-of-type li { padding: 0 10px; }
.nx-responsive-table ul.row:first-of-type li > *:last-child { margin-bottom: 0; }
.nx-responsive-table ul.row:last-of-type li { padding: 20px 10px 0; }

.nx-responsive-table .yes,
.nx-responsive-table .no { display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 20px; height: 20px; border-radius: 100%; font-size: 10px; }
.nx-responsive-table .yes {  background-color: #34b534; }
.nx-responsive-table .no { background-color: #ea4f4f; }

.nx-responsive-table a.button { display: flex; justify-content: center; padding: 12px 15px; background: #46a787; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 500; transition: all .3s ease-in-out; }
.nx-responsive-table a.button:hover { background-color: #4eba96; }

@media only screen and (max-width: 767px){

    .nx-responsive-table h6.row-subtitle { text-align: center; }
    .nx-responsive-table ul.row{ flex-wrap: wrap;  min-height: 50px; padding: 20px 0; }
    .nx-responsive-table ul.row li.row-label { width: 100%; text-align: center; margin-bottom: 10px; }
    .nx-responsive-table ul.row li { width: 33.3%; flex: auto; padding: 0 5px; }
    .nx-responsive-table ul.row:last-of-type li.row-label { display: none; }

}

*/