/* NWN Responsive Tables v1.1.6 */

/* Wrapper containment */
.nwn-rt-wrapper{
  display: block;
  width: 100%;
  margin: 16px 0;
  contain: layout paint;
}
.nwn-rt-wrapper::before,
.nwn-rt-wrapper::after{
  content: "";
  display: table;
  clear: both;
}
.nwn-rt-wrapper + *{ clear: both !important; }

/* Desktop/tablet unchanged */
.nwn-responsive-table{ max-width:100%; border-collapse: collapse; }

@media (max-width: 768px){
  .nwn-responsive-table{
    display:block !important;
    width:100% !important;
  }
  .nwn-responsive-table thead{ display:none !important; }
  .nwn-responsive-table.nwn-rt-no-thead tr:first-child{ display:none !important; }

  .nwn-responsive-table tr{
    display: flow-root !important;   /* own BFC */
    border:1px solid #e0e0e0;
    border-radius:8px;
    padding:8px 10px;
    margin-bottom:12px;
    background:#fff;
    height:auto !important;
    min-height: 1px !important;
    max-height:none !important;
    overflow: visible !important;
  }
  .nwn-responsive-table td,
  .nwn-responsive-table th{
    display:block !important;
    width:100% !important;
    border:none !important;
    padding:6px 4px !important;
    box-sizing:border-box !important;
    text-align:left !important;
    white-space:normal !important;
    word-wrap:break-word !important;
    height:auto !important;
    max-height:none !important;
    overflow: visible !important;
    line-height: 1.45;
    float: none !important;
    position: static !important;
  }
  .nwn-responsive-table td::before{
    content: attr(data-label);
    display:block;
    font-weight:600;
    color:#555;
    margin-bottom:2px;
  }
}