/*
Theme Name: WMBasic
Author: PXC
Description: WMBasic Theme for Wordpress
Version: 3.0.1
Text Domain: wmbasic
*/

/* === Responsive Table === */
    .rg-container {
        margin: 0;
    }

    .rg-header {
        margin-bottom: 1em;
        text-align: left;
    }

    .rg-header>* {
        display: block;
    }

    .rg-hed {
        font-weight: bold;
        font-size: 1.4em;
    }

    .rg-dek {
        font-size: 1em;
    }

    .rg-source {
        margin: 0;
        font-size: 0.75em;
        text-align: right;
    }

    .rg-source .pre-colon {
        text-transform: uppercase;
    }

    .rg-source .post-colon {
        font-weight: bold;
    }

    /* table */
    table.rg-table {
        width: 100%;
        margin-bottom: 0.5em;
        border-collapse: collapse;
        border-spacing: 0;
    }

    table.rg-table tr {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        text-align: left;
        color: #333;
    }

    table.rg-table thead {
        border-bottom: 3px solid #ddd;
    }

    table.rg-table tr {
        border-bottom: 1px solid #ddd;
        color: #222;
    }

    table.rg-table tr.highlight {
        background-color: #dcf1f0 !important;
    }

    table.rg-table.zebra tr:nth-child(even) {
        background-color: #f6f6f6;
    }

    table.rg-table th {
        font-weight: bold;
        padding: 0.35em;
    }

    table.rg-table td {
        padding: 0.35em;
    }

    table.rg-table .highlight td {
        font-weight: bold;
    }

    table.rg-table th.number,
    td.number {
        text-align: right;
    }

    /* media queries */
    @media screen and (max-width: 600px) {
        .rg-container {
            max-width: 600px;
            margin: 0 auto;
        }

        table.rg-table {
            width: 100%;
        }

        table.rg-table tr.hide-mobile,
        table.rg-table th.hide-mobile,
        table.rg-table td.hide-mobile {
            display: none;
        }

        table.rg-table thead {
            display: none;
        }

        table.rg-table tbody {
            width: 100%;
        }

        table.rg-table tr,
        table.rg-table th,
        table.rg-table td {
            display: block;
            padding: 0;
        }

        table.rg-table tr {
            border-bottom: none;
            margin: 0 0 1em 0;
            padding: 0.5em;
        }

        table.rg-table tr.highlight {
            background-color: inherit !important;
        }

        table.rg-table.zebra tr:nth-child(even) {
            background-color: transparent;
        }

        table.rg-table.zebra td:nth-child(even) {
            background-color: #f6f6f6;
        }

        table.rg-table tr:nth-child(even) {
            background-color: transparent;
        }

        table.rg-table td {
            padding: 0.5em 0 0.25em 0;
            border-bottom: 1px dotted #ccc;
            text-align: right;
        }

        table.rg-table td[data-title]:before {
            content: attr(data-title);
            font-weight: bold;
            display: inline-block;
            content: attr(data-title);
            float: left;
            margin-right: 0.5em;
            font: 400 16px/120% Poppins, sans-serif;
        }

        table.rg-table td:last-child {
            padding-right: 0;
            border-bottom: 2px solid #ccc;
        }

        table.rg-table td:empty {
            display: none;
        }

        table.rg-table .highlight td {
            background-color: inherit;
            font-weight: normal;
        }