/* Gotham font licensed for ref.gs1.org */ @import url(https://cloud.typography.com/6247692/752844/css/fonts.css); @import url(./palette.css); /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ *,*:before,*:after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0} main{display:block} hr{ box-sizing:content-box; height:0; overflow:visible; border-color:#c4d7ed; border-style:solid } pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent} abbr[title]{ border-bottom:none; text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted } b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} small{font-size:80%} sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } sub{bottom:-0.25em} sup{top:-0.5em} img{border-style:none} button,input,optgroup,select,textarea{ font-family:inherit; font-size:100%; line-height:1.15; margin:0 } button,input{overflow:visible} button,select{text-transform:none} button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button; appearance:button} button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{ box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal } progress{vertical-align:baseline} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield; appearance:textfield; outline-offset:-2px} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} h6,.gs1-h6,h5,.gs1-h5,h4,.gs1-h4,h3,.gs1-h3,h2,.gs1-h2,h1,.gs1-h1{ font-weight:400; line-height:1.2; color:#002c6c } :root{ font-family:"Gotham SSm A","Gotham SSm B",Verdana,sans-serif; font-variant-numeric:tabular-nums; line-height:1.625; color:#262626 } html{font-size:100%} body{font-size:calc(0.9321428571rem + 0.2571428571vw)} @media(min-width: 1200px){ body{font-size:1.125rem} } .gs1-eyebrow{ display:block; color:#cd3c0d; font-weight:500; letter-spacing:.3px; margin-bottom:0.25rem } h1,h2,h3,h4,h5,h6{margin-top:0} h1,.gs1-h1{ font-size:calc(1.1285714286rem + 1.8285714286vw); font-weight:300; margin-bottom:0.25rem } @media(min-width: 1200px){ h1,.gs1-h1{font-size:2.5rem} } h1>.gs1-eyebrow,.gs1-h1>.gs1-eyebrow{ font-size:calc(0.95rem + 0.4vw); font-weight:400 } @media(min-width: 1200px){ h1>.gs1-eyebrow,.gs1-h1>.gs1-eyebrow{font-size:1.25rem} } h2,.gs1-h2{ font-size:calc(1.0571428571rem + 1.2571428571vw); margin-top:1.5em; margin-bottom:calc(0.9857142857rem + 0.6857142857vw) } @media(min-width: 1200px){ h2,.gs1-h2{font-size:2rem} } @media(min-width: 1200px){ h2,.gs1-h2{margin-bottom:1.5rem} } h2>.gs1-eyebrow,.gs1-h2>.gs1-eyebrow{font-size:calc(0.9321428571rem + 0.2571428571vw)} @media(min-width: 1200px){ h2>.gs1-eyebrow,.gs1-h2>.gs1-eyebrow{font-size:1.125rem} } h3,.gs1-h3{ font-size:calc(1.0035714286rem + 0.8285714286vw); margin-top:1.5em; margin-bottom:calc(0.9321428571rem + 0.2571428571vw) } @media(min-width: 1200px){ h3,.gs1-h3{font-size:1.625rem} } @media(min-width: 1200px){ h3,.gs1-h3{margin-bottom:1.125rem} } h3>.gs1-eyebrow,.gs1-h3>.gs1-eyebrow{font-size:calc(0.9071428571rem + 0.0571428571vw)} @media(min-width: 1200px){ h3>.gs1-eyebrow,.gs1-h3>.gs1-eyebrow{font-size:0.95rem} } h4,.gs1-h4{ font-size:calc(0.95rem + 0.4vw); margin-top:1.5em; margin-bottom:calc(0.9321428571rem + 0.2571428571vw) } @media(min-width: 1200px){h4,.gs1-h4{font-size:1.25rem}} @media(min-width: 1200px){h4,.gs1-h4{margin-bottom:1.125rem}} h5,.gs1-h5{ font-size:calc(0.9321428571rem + 0.2571428571vw); font-weight:500; margin-top:1.5em; margin-bottom:0.5rem } @media(min-width: 1200px){h5,.gs1-h5{font-size:1.125rem}} h6,.gs1-h6{ font-size:calc(0.9321428571rem + 0.2571428571vw); margin-top:1.5em; margin-bottom:0.5rem } @media(min-width: 1200px){h6,.gs1-h6{font-size:1.125rem}} .gs1-display-1{ font-size:calc(1.2892857143rem + 3.1142857143vw); font-weight:200; letter-spacing:-0.03em; margin-bottom:0.25rem } @media(min-width: 1200px){.gs1-display-1{font-size:3.625rem}} .gs1-display-2{ font-size:calc(1.2178571429rem + 2.5428571429vw); font-weight:200; letter-spacing:-0.03em; margin-bottom:0.25rem } @media(min-width: 1200px){.gs1-display-2{font-size:3.125rem}} .gs1-subtitle{ font-size:calc(0.9857142857rem + 0.6857142857vw); line-height:1.4; margin-bottom:calc(1.2rem + 2.4vw) } @media(min-width: 1200px){.gs1-subtitle{font-size:1.5rem}} @media(min-width: 1200px){.gs1-subtitle{margin-bottom:3rem}} .gs1-intro{ font-size:calc(0.9678571429rem + 0.5428571429vw); margin-top:1em; margin-bottom:calc(0.9857142857rem + 0.6857142857vw) } @media(min-width: 1200px){.gs1-intro{font-size:1.375rem}} @media(min-width: 1200px){.gs1-intro{margin-bottom:1.5rem}} .gs1-big{font-size:calc(0.9678571429rem + 0.5428571429vw)} @media(min-width: 1200px){.gs1-big{font-size:1.375rem}} .gs1-little,figcaption{font-size:calc(0.9071428571rem + 0.0571428571vw)} @media(min-width: 1200px){.gs1-little,figcaption{font-size:0.95rem}} .gs1-legal{font-size:0.625rem;color:#696d73} .gs1-line-height-tight{line-height:1.4} address,aside,details,dialog,p,pre,blockquote{margin-top:0;margin-bottom:1em} a{color:#00799e;transition:color .1s ease} a:hover{color:#002c6c} a:active{color:#001335} a:focus{outline-color:#002c6c} ol,ul{padding-left:1.25em} li{margin-bottom:0.5rem} .gs1-spacer-1{margin-bottom:0.25rem !important} .gs1-spacer-2{margin-bottom:0.5rem !important} .gs1-spacer-3{margin-bottom:calc(0.9321428571rem + 0.2571428571vw) !important} @media(min-width: 1200px){.gs1-spacer-3{margin-bottom:1.125rem !important}} .gs1-spacer-4{margin-bottom:calc(0.9857142857rem + 0.6857142857vw) !important} @media(min-width: 1200px){.gs1-spacer-4{margin-bottom:1.5rem !important}} .gs1-spacer-5{margin-bottom:calc(1.2rem + 2.4vw) !important} @media(min-width: 1200px){.gs1-spacer-5{margin-bottom:3rem !important}} .gs1-spacer-6{margin-bottom:calc(1.3428571429rem + 3.5428571429vw) !important} @media(min-width: 1200px){.gs1-spacer-6{margin-bottom:4rem !important}} .gs1-spacer-7{margin-bottom:calc(1.4857142857rem + 4.6857142857vw) !important} @media(min-width: 1200px){.gs1-spacer-7{margin-bottom:5rem !important}} :root{ --gs1-spacer-1:0.25rem; --gs1-spacer-2:0.5rem; --gs1-spacer-3:calc(0.9321428571rem + 0.2571428571vw); --gs1-spacer-4:calc(0.9857142857rem + 0.6857142857vw); --gs1-spacer-5:calc(1.2rem + 2.4vw); --gs1-spacer-6:calc(1.3428571429rem + 3.5428571429vw); --gs1-spacer-7:calc(1.4857142857rem + 4.6857142857vw) } @media(min-width: 1200px){:root{--gs1-spacer-3:1.125rem}} @media(min-width: 1200px){:root{--gs1-spacer-4:1.5rem}} @media(min-width: 1200px){:root{--gs1-spacer-5:3rem}} @media(min-width: 1200px){:root{--gs1-spacer-6:4rem}} @media(min-width: 1200px){:root{--gs1-spacer-7:5rem}} /*! GS1 Web Guidelines */ /* *************************************************** ****************************************************** * Ref.gs1.org local styles * *************************************************** */ #corporateHead { background-color: var(--gs1-color-ui-1); color: var(--gs1-color-ui-7); height:100px; padding: 0 2em; } #logo { width: 100px; float:left; margin-right: 2em; } #strapline { display: none; } #corporateHead #headerTitle { font-size: 100%; font-weight: 500; position: relative; top: 50px; } #headerBlock { background-color: var(--gs1-color-orange); color: white; padding: .5em 1em; } #headerBlock h1#title, #headerBlock h2#subtitle { color: white; } main { margin: 1em; } dl#versions, dl.versions { overflow:auto; } dl#versions dt, dl#versions dd, dl.versions dt, dl.versions dd { margin-bottom: 0.5em; overflow: inherit; overflow-wrap: anywhere; font-size:small; } dl#versions dt, dl.versions dt { font-weight:bold; } dl#versions dd, dl.versions dd { margin-inline-start: 0; } /* styles for external links (uses icon from Wikipedia) */ /* Opening links in new windows without telling users is bad practice, especially for accessibility */ a.external { background-position: center right; background-repeat: no-repeat; background-image: url(/logos/external-link-ltr-icon.png); padding-right: 13px; } /* wider screens */ @media screen and (min-width: 600px) { main { margin: 2em; } #strapline { text-align:right; position: relative; top:25px; display:block; } dl#versions dd, dl.versions dd { margin-inline-start:2em; } dl#versions dt, dl#versions dd, dl.versions dt, dl.versions dd { font-size:inherit; } }