@charset "utf-8";
/* Legal pages: Terms & Conditions, Privacy Policy, Cookie Notice */

body.legal { font-size:17px; color:#555; }

.legal-wrap { max-width:760px; margin:0 auto; padding:0 24px 40px; }

.legal-nav { padding:40px 0 0; font-size:15px; }
.legal-nav a { color:#777; border-bottom:2px solid transparent }
.legal-nav a:hover { color:#333; border-bottom-color:#333 }

.legal-head { padding:50px 0 40px; border-bottom:1px solid #ececec; margin-bottom:40px }
.legal-head h1 { font-size:44px; margin-bottom:16px; line-height:115% }
.legal-head .meta { font-size:15px; color:#999; line-height:170% }

.legal-wrap h2 { font-size:22px; margin:48px 0 14px; line-height:135% }
.legal-wrap h3 { font-size:18px; margin:28px 0 10px; text-align:left; border-top:0; padding-top:0; color:#333; font-weight:700 }
.legal-wrap p { margin-bottom:16px; line-height:170% }
.legal-wrap ul, .legal-wrap ol { margin:0 0 16px 0; padding-left:22px }
.legal-wrap ul li { list-style:disc; margin-bottom:10px; line-height:170% }
.legal-wrap ol li { list-style:decimal; margin-bottom:10px; line-height:170% }
.legal-wrap a { color:#333; border-bottom:1px solid #d5d5d5 }
.legal-wrap a:hover { color:#ff571c; border-bottom-color:#ff571c }
.legal-wrap strong { color:#333 }

/* Summary card at the top of each document */
.legal-summary { background:#f7f7f7; border-radius:6px; padding:26px 30px; margin-bottom:10px }
.legal-summary h2 { margin-top:0; font-size:18px }
.legal-summary p, .legal-summary li { font-size:16px }
.legal-summary :last-child { margin-bottom:0 }

/* Table of contents */
.legal-toc { font-size:16px; margin-bottom:10px }
.legal-toc ol { padding-left:24px }
.legal-toc li { margin-bottom:6px }

/* Definition / detail table */
.legal-table { width:100%; border-collapse:collapse; margin:0 0 20px; font-size:16px }
.legal-table th, .legal-table td { text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid #ececec; line-height:160% }
.legal-table th { color:#333; font-weight:700; width:32%; }
.legal-table tr:first-child th, .legal-table tr:first-child td { border-top:1px solid #ececec }

.legal-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch }

/* Placeholder that MUST be replaced before publishing */
.fill { background:#fff3b0; color:#6b5900; padding:1px 6px; border-radius:3px; font-weight:700; white-space:nowrap }

.legal-contact { background:#f7f7f7; border-radius:6px; padding:26px 30px; margin-top:40px }
.legal-contact :last-child { margin-bottom:0 }

#footer .legal-links { font-size:15px; margin-top:30px; line-height:200% }
#footer .legal-links a { padding:0 10px; color:#777 }
#footer .legal-links a:hover { color:#333 }
#footer .company-details { font-size:14px; color:#b0b0b0; margin-top:14px; line-height:180% }
#footer .company-details a { padding:0; color:#b0b0b0 }
#footer .company-details a:hover { color:#777 }

@media screen and (max-width: 600px) {
body.legal { font-size:19px }
.legal-wrap { max-width:100%; padding:0 20px 30px }
.legal-head { padding:30px 0 26px }
.legal-head h1 { font-size:34px }
.legal-wrap h2 { font-size:24px }
.legal-wrap h3 { font-size:20px }
.legal-table th { width:auto }
.legal-table th, .legal-table td { display:block; border-bottom:0; padding:6px 0 }
.legal-table td { padding-bottom:16px; border-bottom:1px solid #ececec }
.legal-table tr:first-child th { border-top:0 }
}