/* This file references the global css used by the nuxt application /assets/styes/custom/global */ * { background-repeat: no-repeat; padding: 0; margin: 0; } *, :after, :before { box-sizing: inherit; } html { font-size: 16px; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%; } ::selection, ::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; } :after, :before { text-decoration: inherit; vertical-align: inherit; } /* Chrome/Safari iOS text-size oddities */ html * { -webkit-text-size-adjust: none; } body { background: #fafafa; color: rgba(0, 0, 0, .87); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.5; flex: 1 1 auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; position: relative; } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; } /* Replace focus style removed in the border reset above */ [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 0; border: 0; } button, html [type="button"], [type="reset"], [type="submit"] { /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */ -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } /* Remove the default button styling in all browsers */ button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; font: inherit; } [type=button], [type=reset], [type=submit] [role=button], button, a { cursor: pointer; } /* Style select like a standard input */ select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } ul, ol { padding-left: 24px; } .hidden { display: none !important; } .btn { font-size: 16px; cursor: pointer; position: relative; align-items: center; padding: 4px 12px; border-radius: 4px; display: inline-flex; font-weight: bold; justify-content: center; text-decoration: none; white-space: nowrap; } .btn.btn--large { height: 48px; } .btn.btn--elev { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 20%), 0px 2px 2px 0px rgba(0, 0, 0, 14%), 0px 1px 5px 0px rgba(0, 0, 0, 12%); } .btn.btn--outlined { border: thin solid currentColor; } .btn.btn--outlined:hover, .btn.btn--outlined:focus { background-color: #2247CC; color: white; border-color: transparent; } .btn.btn--disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.26) !important; cursor: default; pointer-events: none; } .btn:before { position: absolute; border-radius: inherit; background-color: currentColor; bottom: 0; left: 0; right: 0; top: 0; content: ''; opacity: 0; } .btn:hover::before { opacity: 0.04; } .primary { background-color: #2247CC; } .primary--text { color: #2247CC; } .raven--text { color: #282a2a; } .emerald--text { color: #045549; } .white--text, :any-link.white--text { color: white; } .align-center { align-items: center; } .align-stretch { align-items: stretch; } .text-center { text-align: center; } .fw-b { font-weight: bold !important; } .fw-m { font-weight: 500 !important; } .container { margin: auto; display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between; background-color: #f9f9f9; width: 100%; max-width: 1392px; } .container.container--inner { padding: 24px; } @media (min-width: 768px) { .container.container--inner { max-width: 720px } } @media(min-width: 1024px) { .container.container--inner { max-width: 960px } } @media(min-width: 1440px) { .container.container--inner { max-width: 1350px } }