/*
 * Toolkit Privacy Content Styles
 *
 * @package     iw-foundation-theme
 * @subpackage  style/privacy
 * @since       1.0.0
 -------------------------------------------------------------- */

.iw-privacy-wrapper div {
    padding-bottom: 25px;
}

.iw-privacy-wrapper h3 {
    padding-top: 25px;
}

.iw-privacy-wrapper th,
.iw-privacy-wrapper td {
    vertical-align: baseline;
    padding-top: 10px;
    padding-right: 15px;
}

.iw-privacy-wrapper th:last-child,
.iw-privacy-wrapper td:last-child {
    padding-right: 0;
}

.iw-privacy-wrapper ul {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 25px;
}

@media (max-width: 768px) {

    .iw-privacy-wrapper table,
    .iw-privacy-wrapper tbody,
    .iw-privacy-wrapper thead {
        display: block;
        width: 100%;
    }

    .iw-privacy-wrapper thead tr,
    .iw-privacy-wrapper tbody tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem .75rem;
        border: 1px solid #e6e6e6;
        border-radius: .5rem;
        padding: .75rem;
        margin-bottom: .75rem;
    }

    .iw-privacy-wrapper th,
    .iw-privacy-wrapper td {
        display: block;
        width: auto;
    }

    .iw-privacy-wrapper th:nth-child(1),
    .iw-privacy-wrapper th:nth-child(2),
    .iw-privacy-wrapper td:nth-child(1),
    .iw-privacy-wrapper td:nth-child(2) {
        grid-column: span 1;
    }

    .iw-privacy-wrapper th:nth-child(n+3),
    .iw-privacy-wrapper td:nth-child(n+3) {
        grid-column: 1 / -1;
    }

    .iw-privacy-wrapper thead th {
        font-weight: 600;
        color: #24303f;
        border: 0;
        padding: .25rem 0;
    }

    .iw-privacy-wrapper td {
        position: relative;
        padding: .5rem;
        border: 1px solid #f2f2f2;
        border-radius: .375rem;
        word-break: break-word;
    }

    .iw-privacy-wrapper td::before {
        content: attr(data-label);
        display: block;
        font-size: .75rem;
        text-transform: uppercase;
        letter-spacing: .02em;
        opacity: .7;
        margin-bottom: .25rem;
    }

}