/**
 * Colombia site terms / privacy policy content overrides (loads after common.css).
 * CMS content is wrapped in .termsBody in templates.
 * common.css reset sets ul/ol/li to font-size: 0 — restore visibility here.
 */

/* Title (h2) ↔ version selector gap */
section.contactus .innerContentsWrap.marginclear > .contentsWrap {
    padding-top: 80px !important;
}

.termsWrap .termsBody,
.contactus .contentsWrap .termsBody {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
}

.termsWrap .termsBody p,
.termsWrap .termsBody dd,
.termsWrap .termsBody dt,
.contactus .contentsWrap .termsBody p,
.contactus .contentsWrap .termsBody dd,
.contactus .contentsWrap .termsBody dt {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.termsWrap .termsBody span,
.contactus .contentsWrap .termsBody span {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

/* Real href links only — override CMS .bold-line / .link-line (common.css sets color #111) */
.termsWrap .termsBody a[href],
.termsWrap .termsBody a[href].bold-line,
.termsWrap .termsBody a[href].link-line,
.termsWrap .termsBody .termsItem a[href],
.contactus .contentsWrap .termsBody a[href],
.contactus .contentsWrap .termsBody a[href].bold-line,
.contactus .contentsWrap .termsBody a[href].link-line {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #0066cc !important;
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
    border-bottom: none;
}

.termsWrap .termsBody a[href] *,
.contactus .contentsWrap .termsBody a[href] * {
    color: inherit !important;
    text-decoration: inherit !important;
}

.termsWrap .termsBody a[href]:hover,
.termsWrap .termsBody a[href]:focus,
.contactus .contentsWrap .termsBody a[href]:hover,
.contactus .contentsWrap .termsBody a[href]:focus {
    color: #004c99;
    text-decoration: underline;
}

.termsWrap .termsBody ul,
.termsWrap .termsBody ol,
.contactus .contentsWrap .termsBody ul,
.contactus .contentsWrap .termsBody ol {
    margin: 0 0 1em;
    padding-left: 1.5rem;
    list-style: initial;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
}

.termsWrap .termsBody ol,
.contactus .contentsWrap .termsBody ol {
    list-style: auto;
}

.termsWrap .termsBody li,
.contactus .contentsWrap .termsBody li {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    padding-left: 1rem;
    list-style: inherit;
    list-style-type: inherit;
}

.termsWrap .termsBody dl,
.contactus .contentsWrap .termsBody dl {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    padding-left: 1rem;
}

.termsWrap .termsBody .termsItem .dot-ctn li,
.contactus .contentsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative;
    list-style: none;
}

.termsWrap .termsBody .termsItem .dot-ctn li::before,
.contactus .contentsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: -1rem;
    content: "∙";
}

@media (max-width: 1023px) {
    .termsWrap .termsBody,
    .contactus .contentsWrap .termsBody {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
    }

    .termsWrap .termsBody ul,
    .termsWrap .termsBody ol,
    .termsWrap .termsBody li,
    .termsWrap .termsBody dl,
    .contactus .contentsWrap .termsBody ul,
    .contactus .contentsWrap .termsBody ol,
    .contactus .contentsWrap .termsBody li,
    .contactus .contentsWrap .termsBody dl {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
    }
}

/* CMS content wraps its <table> in <figure class="table">; scroll that wrapper, not the table itself or the surrounding text */
.termsWrap .termsBody figure.table,
.contactus .contentsWrap .termsBody figure.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.termsWrap .termsBody table,
.contactus .contentsWrap .termsBody table {
    display: table;
    width: auto !important;
    min-width: 700px;
}

.termsWrap .termsBody table td,
.termsWrap .termsBody table th,
.contactus .contentsWrap .termsBody table td,
.contactus .contentsWrap .termsBody table th {
    width: auto !important;
}