﻿.privacy-statement-content * {
    box-sizing: unset;
}

.privacy-statement-content p {
    margin-bottom: 20px;
}

.privacy-statement-content ul {
    margin-bottom: 30px;
}

.privacy-statement-content table {
    margin-bottom: 30px;
}

.table-of-content ol {
    counter-reset: item;
    padding-left: 30px;
}

.table-of-content li {
    display: block;
}

    .table-of-content li:before {
        content: counters(item, ".") " ";
        counter-increment: item;
    }

.show-mobile-content {
    display: none;
}

.hide-mobile-content {
    display: block;
}

.responsivetable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

    .responsivetable caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    .responsivetable tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    .responsivetable th,
    .responsivetable td {
        padding: .625em;
        text-align: left;
    }

[id*="section"] {
    scroll-margin-top: 150px;
}

@media (max-width: 1020px) {
    .responsivetable {
        border: 0;
    }

        .responsivetable caption {
            font-size: 1.3em;
        }

        .responsivetable thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .responsivetable tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        .responsivetable td {
            border-bottom: 1px solid #ddd;
            display: block;
            text-align: left;
        }

            .responsivetable td::before {
                /*
	* aria-label has no advantage, it won''t be read inside a table
	content: attr(aria-label);
	*/
                content: attr(data-label);
                float: left;
                font-weight: bold;
            }

            .responsivetable td:last-child {
                border-bottom: 0;
            }
}

@media(max-width:650px) {
    .hide-mobile-content {
        display: none;
    }

    .show-mobile-content {
        display: block;
    }
}
