Last active
November 29, 2016 16:04
-
-
Save tagr/9f6297adbfaf46b4557903bd591de8ba to your computer and use it in GitHub Desktop.
Home Page Nav Mobile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| div.container.header-mobile-home | |
| div.row.full-width.align-middle | |
| div.small-4.columns | |
| img.header-mobile-home__logo(src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-393/Reverse%20BayCare%20Logo%20with%20638.svg") | |
| div.small-4.columns.header-mobile-home__phoneNumber | |
| h3 | |
| a(href="tel:800-5550000") 1-800-BayCare | |
| div.small-2.columns.header-mobile-home__iconcontainer | |
| i.fi-magnifying-glass.header-mobile-home__menuicon | |
| em Search | |
| div.small-2.columns.header-mobile-home__iconcontainer | |
| i.fi-list.header-mobile-home__menuicon | |
| em Menu |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Foundation for Sites by ZURB | |
| * Version 6.2.3 | |
| * foundation.zurb.com | |
| * Licensed under MIT Open Source | |
| */ | |
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
| /** | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS and IE text size adjust after device orientation change, | |
| * without disabling user zoom. | |
| */ | |
| html { | |
| font-family: sans-serif; | |
| /* 1 */ | |
| -ms-text-size-adjust: 100%; | |
| /* 2 */ | |
| -webkit-text-size-adjust: 100%; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default margin. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /* HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
| * and Firefox. | |
| * Correct `block` display not defined for `main` in IE 11. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * 1. Correct `inline-block` display not defined in IE 8/9. | |
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
| */ | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| /* 1 */ | |
| vertical-align: baseline; | |
| /* 2 */ | |
| } | |
| /** | |
| * Prevent modern browsers from displaying `audio` without controls. | |
| * Remove excess height in iOS 5 devices. | |
| */ | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| /** | |
| * Address `[hidden]` styling not present in IE 8/9/10. | |
| * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * Improve readability of focused elements when they are also in an | |
| * active/hover state. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Address inconsistent and variable font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove border when inside `a` element in IE 8/9/10. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow not hidden in IE 9/10/11. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari. | |
| */ | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Contain overflow in all browsers. | |
| */ | |
| pre { | |
| overflow: auto; | |
| } | |
| /** | |
| * Address odd `em`-unit font size rendering in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
| * styling of `select`, unless a `border` property is set. | |
| */ | |
| /** | |
| * 1. Correct color not being inherited. | |
| * Known issue: affects color of disabled elements. | |
| * 2. Correct font properties not being inherited. | |
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| /* 1 */ | |
| font: inherit; | |
| /* 2 */ | |
| margin: 0; | |
| /* 3 */ | |
| } | |
| /** | |
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
| */ | |
| button { | |
| overflow: visible; | |
| } | |
| /** | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
| * Correct `select` style inheritance in Firefox. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| /** | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| /* 2 */ | |
| cursor: pointer; | |
| /* 3 */ | |
| } | |
| /** | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: not-allowed; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * It's recommended that you don't attempt to style these elements. | |
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
| * | |
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
| * 2. Remove excess padding in IE 8/9/10. | |
| */ | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
| * `font-size` values of the `input`, it causes the cursor style of the | |
| * decrement button to change from `default` to `text`. | |
| */ | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| /* 1 */ | |
| box-sizing: content-box; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
| * Safari (but not Chrome) clips the cancel button when the search input has | |
| * padding (and `textfield` appearance). | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Define consistent border, margin, and padding. | |
| * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling. | |
| */ | |
| /* fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } */ | |
| /** | |
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default vertical scrollbar in IE 8/9/10/11. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * Don't inherit the `font-weight` (applied by a rule above). | |
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
| */ | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| /* Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| .foundation-mq { | |
| font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; | |
| } | |
| html { | |
| font-size: 100%; | |
| box-sizing: border-box; | |
| } | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: inherit; | |
| } | |
| body { | |
| padding: 0; | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; | |
| font-weight: normal; | |
| line-height: 1.5; | |
| color: #0a0a0a; | |
| background: #fefefe; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| -ms-interpolation-mode: bicubic; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| textarea { | |
| height: auto; | |
| min-height: 50px; | |
| border-radius: 0; | |
| } | |
| select { | |
| width: 100%; | |
| border-radius: 0; | |
| } | |
| #map_canvas img, | |
| #map_canvas embed, | |
| #map_canvas object, | |
| .map_canvas img, | |
| .map_canvas embed, | |
| .map_canvas object, | |
| .mqa-display img, | |
| .mqa-display embed, | |
| .mqa-display object { | |
| max-width: none !important; | |
| } | |
| button { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| background: transparent; | |
| padding: 0; | |
| border: 0; | |
| border-radius: 0; | |
| line-height: 1; | |
| } | |
| [data-whatinput='mouse'] button { | |
| outline: 0; | |
| } | |
| .is-visible { | |
| display: block !important; | |
| } | |
| .is-hidden { | |
| display: none !important; | |
| } | |
| .align-right { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| .align-center { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .align-justify { | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .align-spaced { | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .align-top { | |
| -ms-flex-align: start; | |
| -ms-grid-row-align: flex-start; | |
| align-items: flex-start; | |
| } | |
| .align-self-top { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .align-bottom { | |
| -ms-flex-align: end; | |
| -ms-grid-row-align: flex-end; | |
| align-items: flex-end; | |
| } | |
| .align-self-bottom { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .align-middle { | |
| -ms-flex-align: center; | |
| -ms-grid-row-align: center; | |
| align-items: center; | |
| } | |
| .align-self-middle { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .align-stretch { | |
| -ms-flex-align: stretch; | |
| -ms-grid-row-align: stretch; | |
| align-items: stretch; | |
| } | |
| .align-self-stretch { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| .small-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .small-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .small-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .small-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .small-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .small-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .medium-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .medium-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .medium-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .medium-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .medium-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .medium-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| } | |
| @media screen and (min-width: 64em) { | |
| .large-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .large-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .large-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .large-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .large-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .large-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| } | |
| .row { | |
| max-width: 75rem; | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-flow: row wrap; | |
| flex-flow: row wrap; | |
| } | |
| .row .row { | |
| max-width: none; | |
| margin-left: -0.625rem; | |
| margin-right: -0.625rem; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .row .row { | |
| margin-left: -0.9375rem; | |
| margin-right: -0.9375rem; | |
| } | |
| } | |
| .row.expanded { | |
| max-width: none; | |
| } | |
| .row.collapse > .column, .row.collapse > .columns { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .column, .columns { | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1 0px; | |
| padding-left: 0.625rem; | |
| padding-right: 0.625rem; | |
| min-width: initial; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .column, .columns { | |
| padding-left: 0.9375rem; | |
| padding-right: 0.9375rem; | |
| } | |
| } | |
| .column.row.row, .row.row.columns { | |
| float: none; | |
| display: block; | |
| } | |
| .row .column.row.row, .row .row.row.columns { | |
| padding-left: 0; | |
| padding-right: 0; | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| .small-1 { | |
| -ms-flex: 0 0 8.33333%; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333%; | |
| } | |
| .small-offset-0 { | |
| margin-left: 0%; | |
| } | |
| .small-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .small-offset-1 { | |
| margin-left: 8.33333%; | |
| } | |
| .small-3 { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .small-offset-2 { | |
| margin-left: 16.66667%; | |
| } | |
| .small-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .small-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .small-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667%; | |
| } | |
| .small-offset-4 { | |
| margin-left: 33.33333%; | |
| } | |
| .small-6 { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .small-offset-5 { | |
| margin-left: 41.66667%; | |
| } | |
| .small-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333%; | |
| } | |
| .small-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .small-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667%; | |
| } | |
| .small-offset-7 { | |
| margin-left: 58.33333%; | |
| } | |
| .small-9 { | |
| -ms-flex: 0 0 75%; | |
| flex: 0 0 75%; | |
| max-width: 75%; | |
| } | |
| .small-offset-8 { | |
| margin-left: 66.66667%; | |
| } | |
| .small-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333%; | |
| } | |
| .small-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .small-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667%; | |
| } | |
| .small-offset-10 { | |
| margin-left: 83.33333%; | |
| } | |
| .small-12 { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .small-offset-11 { | |
| margin-left: 91.66667%; | |
| } | |
| .small-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .small-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .small-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .small-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .small-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .small-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .small-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-1 > .column, .small-up-1 > .columns { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .small-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-2 > .column, .small-up-2 > .columns { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .small-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-3 > .column, .small-up-3 > .columns { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .small-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-4 > .column, .small-up-4 > .columns { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .small-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-5 > .column, .small-up-5 > .columns { | |
| -ms-flex: 0 0 20%; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| .small-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-6 > .column, .small-up-6 > .columns { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .small-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-7 > .column, .small-up-7 > .columns { | |
| -ms-flex: 0 0 14.28571%; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571%; | |
| } | |
| .small-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .small-up-8 > .column, .small-up-8 > .columns { | |
| -ms-flex: 0 0 12.5%; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5%; | |
| } | |
| .small-collapse > .column, .small-collapse > .columns { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .small-uncollapse > .column, .small-uncollapse > .columns { | |
| padding-left: 0.625rem; | |
| padding-right: 0.625rem; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .medium-1 { | |
| -ms-flex: 0 0 8.33333%; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333%; | |
| } | |
| .medium-offset-0 { | |
| margin-left: 0%; | |
| } | |
| .medium-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .medium-offset-1 { | |
| margin-left: 8.33333%; | |
| } | |
| .medium-3 { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .medium-offset-2 { | |
| margin-left: 16.66667%; | |
| } | |
| .medium-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .medium-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .medium-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667%; | |
| } | |
| .medium-offset-4 { | |
| margin-left: 33.33333%; | |
| } | |
| .medium-6 { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .medium-offset-5 { | |
| margin-left: 41.66667%; | |
| } | |
| .medium-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333%; | |
| } | |
| .medium-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .medium-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667%; | |
| } | |
| .medium-offset-7 { | |
| margin-left: 58.33333%; | |
| } | |
| .medium-9 { | |
| -ms-flex: 0 0 75%; | |
| flex: 0 0 75%; | |
| max-width: 75%; | |
| } | |
| .medium-offset-8 { | |
| margin-left: 66.66667%; | |
| } | |
| .medium-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333%; | |
| } | |
| .medium-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .medium-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667%; | |
| } | |
| .medium-offset-10 { | |
| margin-left: 83.33333%; | |
| } | |
| .medium-12 { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .medium-offset-11 { | |
| margin-left: 91.66667%; | |
| } | |
| .medium-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .medium-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .medium-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .medium-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .medium-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .medium-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .medium-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-1 > .column, .medium-up-1 > .columns { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .medium-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-2 > .column, .medium-up-2 > .columns { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .medium-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-3 > .column, .medium-up-3 > .columns { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .medium-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-4 > .column, .medium-up-4 > .columns { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .medium-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-5 > .column, .medium-up-5 > .columns { | |
| -ms-flex: 0 0 20%; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| .medium-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-6 > .column, .medium-up-6 > .columns { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .medium-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-7 > .column, .medium-up-7 > .columns { | |
| -ms-flex: 0 0 14.28571%; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571%; | |
| } | |
| .medium-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .medium-up-8 > .column, .medium-up-8 > .columns { | |
| -ms-flex: 0 0 12.5%; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5%; | |
| } | |
| } | |
| @media screen and (min-width: 40em) and (min-width: 40em) { | |
| .medium-expand { | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1 0px; | |
| } | |
| } | |
| .row.medium-unstack > .column, .row.medium-unstack > .columns { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .row.medium-unstack > .column, .row.medium-unstack > .columns { | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1 0px; | |
| } | |
| } | |
| @media screen and (min-width: 40em) { | |
| .medium-collapse > .column, .medium-collapse > .columns { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .medium-uncollapse > .column, .medium-uncollapse > .columns { | |
| padding-left: 0.9375rem; | |
| padding-right: 0.9375rem; | |
| } | |
| } | |
| @media screen and (min-width: 64em) { | |
| .large-1 { | |
| -ms-flex: 0 0 8.33333%; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333%; | |
| } | |
| .large-offset-0 { | |
| margin-left: 0%; | |
| } | |
| .large-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .large-offset-1 { | |
| margin-left: 8.33333%; | |
| } | |
| .large-3 { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .large-offset-2 { | |
| margin-left: 16.66667%; | |
| } | |
| .large-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .large-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .large-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667%; | |
| } | |
| .large-offset-4 { | |
| margin-left: 33.33333%; | |
| } | |
| .large-6 { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .large-offset-5 { | |
| margin-left: 41.66667%; | |
| } | |
| .large-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333%; | |
| } | |
| .large-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .large-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667%; | |
| } | |
| .large-offset-7 { | |
| margin-left: 58.33333%; | |
| } | |
| .large-9 { | |
| -ms-flex: 0 0 75%; | |
| flex: 0 0 75%; | |
| max-width: 75%; | |
| } | |
| .large-offset-8 { | |
| margin-left: 66.66667%; | |
| } | |
| .large-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333%; | |
| } | |
| .large-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .large-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667%; | |
| } | |
| .large-offset-10 { | |
| margin-left: 83.33333%; | |
| } | |
| .large-12 { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .large-offset-11 { | |
| margin-left: 91.66667%; | |
| } | |
| .large-order-1 { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .large-order-2 { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .large-order-3 { | |
| -ms-flex-order: 3; | |
| order: 3; | |
| } | |
| .large-order-4 { | |
| -ms-flex-order: 4; | |
| order: 4; | |
| } | |
| .large-order-5 { | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .large-order-6 { | |
| -ms-flex-order: 6; | |
| order: 6; | |
| } | |
| .large-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-1 > .column, .large-up-1 > .columns { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .large-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-2 > .column, .large-up-2 > .columns { | |
| -ms-flex: 0 0 50%; | |
| flex: 0 0 50%; | |
| max-width: 50%; | |
| } | |
| .large-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-3 > .column, .large-up-3 > .columns { | |
| -ms-flex: 0 0 33.33333%; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333%; | |
| } | |
| .large-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-4 > .column, .large-up-4 > .columns { | |
| -ms-flex: 0 0 25%; | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .large-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-5 > .column, .large-up-5 > .columns { | |
| -ms-flex: 0 0 20%; | |
| flex: 0 0 20%; | |
| max-width: 20%; | |
| } | |
| .large-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-6 > .column, .large-up-6 > .columns { | |
| -ms-flex: 0 0 16.66667%; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667%; | |
| } | |
| .large-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-7 > .column, .large-up-7 > .columns { | |
| -ms-flex: 0 0 14.28571%; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571%; | |
| } | |
| .large-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .large-up-8 > .column, .large-up-8 > .columns { | |
| -ms-flex: 0 0 12.5%; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5%; | |
| } | |
| } | |
| @media screen and (min-width: 64em) and (min-width: 64em) { | |
| .large-expand { | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1 0px; | |
| } | |
| } | |
| .row.large-unstack > .column, .row.large-unstack > .columns { | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| } | |
| @media screen and (min-width: 64em) { | |
| .row.large-unstack > .column, .row.large-unstack > .columns { | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1 0px; | |
| } | |
| } | |
| @media screen and (min-width: 64em) { | |
| .large-collapse > .column, .large-collapse > .columns { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .large-uncollapse > .column, .large-uncollapse > .columns { | |
| padding-left: 0.9375rem; | |
| padding-right: 0.9375rem; | |
| } | |
| } | |
| .shrink { | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| max-width: 100%; | |
| } | |
| .column.align-top, .align-top.columns { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .column.align-bottom, .align-bottom.columns { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end; | |
| } | |
| .column.align-middle, .align-middle.columns { | |
| -ms-flex-item-align: center; | |
| align-self: center; | |
| } | |
| .column.align-stretch, .align-stretch.columns { | |
| -ms-flex-item-align: stretch; | |
| align-self: stretch; | |
| } | |
| div, | |
| dl, | |
| dt, | |
| dd, | |
| ul, | |
| ol, | |
| li, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| pre, | |
| form, | |
| p, | |
| blockquote, | |
| th, | |
| td { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| p { | |
| font-size: inherit; | |
| line-height: 1.6; | |
| margin-bottom: 1rem; | |
| text-rendering: optimizeLegibility; | |
| } | |
| em, | |
| i { | |
| font-style: italic; | |
| line-height: inherit; | |
| } | |
| strong, | |
| b { | |
| font-weight: bold; | |
| line-height: inherit; | |
| } | |
| small { | |
| font-size: 80%; | |
| line-height: inherit; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; | |
| font-weight: normal; | |
| font-style: normal; | |
| color: inherit; | |
| text-rendering: optimizeLegibility; | |
| margin-top: 0; | |
| margin-bottom: 0.5rem; | |
| line-height: 1.4; | |
| } | |
| h1 small, | |
| h2 small, | |
| h3 small, | |
| h4 small, | |
| h5 small, | |
| h6 small { | |
| color: #cacaca; | |
| line-height: 0; | |
| } | |
| h1 { | |
| font-size: 1.5rem; | |
| } | |
| h2 { | |
| font-size: 1.25rem; | |
| } | |
| h3 { | |
| font-size: 1.1875rem; | |
| } | |
| h4 { | |
| font-size: 1.125rem; | |
| } | |
| h5 { | |
| font-size: 1.0625rem; | |
| } | |
| h6 { | |
| font-size: 1rem; | |
| } | |
| @media screen and (min-width: 40em) { | |
| h1 { | |
| font-size: 3rem; | |
| } | |
| h2 { | |
| font-size: 2.5rem; | |
| } | |
| h3 { | |
| font-size: 1.9375rem; | |
| } | |
| h4 { | |
| font-size: 1.5625rem; | |
| } | |
| h5 { | |
| font-size: 1.25rem; | |
| } | |
| h6 { | |
| font-size: 1rem; | |
| } | |
| } | |
| a { | |
| color: #00AFD8; | |
| text-decoration: none; | |
| line-height: inherit; | |
| cursor: pointer; | |
| } | |
| a:hover, a:focus { | |
| color: #0097ba; | |
| } | |
| a img { | |
| border: 0; | |
| } | |
| hr { | |
| max-width: 75rem; | |
| height: 0; | |
| border-right: 0; | |
| border-top: 0; | |
| border-bottom: 1px solid #cacaca; | |
| border-left: 0; | |
| margin: 1.25rem auto; | |
| clear: both; | |
| } | |
| ul, | |
| ol, | |
| dl { | |
| line-height: 1.6; | |
| margin-bottom: 1rem; | |
| list-style-position: outside; | |
| } | |
| li { | |
| font-size: inherit; | |
| } | |
| ul { | |
| list-style-type: disc; | |
| margin-left: 1.25rem; | |
| } | |
| ol { | |
| margin-left: 1.25rem; | |
| } | |
| ul ul, ol ul, ul ol, ol ol { | |
| margin-left: 1.25rem; | |
| margin-bottom: 0; | |
| } | |
| dl { | |
| margin-bottom: 1rem; | |
| } | |
| dl dt { | |
| margin-bottom: 0.3rem; | |
| font-weight: bold; | |
| } | |
| blockquote { | |
| margin: 0 0 1rem; | |
| padding: 0.5625rem 1.25rem 0 1.1875rem; | |
| border-left: 1px solid #cacaca; | |
| } | |
| blockquote, blockquote p { | |
| line-height: 1.6; | |
| color: #8a8a8a; | |
| } | |
| cite { | |
| display: block; | |
| font-size: 0.8125rem; | |
| color: #8a8a8a; | |
| } | |
| cite:before { | |
| content: '\2014 \0020'; | |
| } | |
| abbr { | |
| color: #0a0a0a; | |
| cursor: help; | |
| border-bottom: 1px dotted #0a0a0a; | |
| } | |
| code { | |
| font-family: Consolas, "Liberation Mono", Courier, monospace; | |
| font-weight: normal; | |
| color: #0a0a0a; | |
| background-color: #e6e6e6; | |
| border: 1px solid #cacaca; | |
| padding: 0.125rem 0.3125rem 0.0625rem; | |
| } | |
| kbd { | |
| padding: 0.125rem 0.25rem 0; | |
| margin: 0; | |
| background-color: #e6e6e6; | |
| color: #0a0a0a; | |
| font-family: Consolas, "Liberation Mono", Courier, monospace; | |
| } | |
| .subheader { | |
| margin-top: 0.2rem; | |
| margin-bottom: 0.5rem; | |
| font-weight: normal; | |
| line-height: 1.4; | |
| color: #8a8a8a; | |
| } | |
| .lead { | |
| font-size: 125%; | |
| line-height: 1.6; | |
| } | |
| .stat { | |
| font-size: 2.5rem; | |
| line-height: 1; | |
| } | |
| p + .stat { | |
| margin-top: -1rem; | |
| } | |
| .no-bullet { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-justify { | |
| text-align: justify; | |
| } | |
| @media screen and (min-width: 40em) { | |
| .medium-text-left { | |
| text-align: left; | |
| } | |
| .medium-text-right { | |
| text-align: right; | |
| } | |
| .medium-text-center { | |
| text-align: center; | |
| } | |
| .medium-text-justify { | |
| text-align: justify; | |
| } | |
| } | |
| @media screen and (min-width: 64em) { | |
| .large-text-left { | |
| text-align: left; | |
| } | |
| .large-text-right { | |
| text-align: right; | |
| } | |
| .large-text-center { | |
| text-align: center; | |
| } | |
| .large-text-justify { | |
| text-align: justify; | |
| } | |
| } | |
| .show-for-print { | |
| display: none !important; | |
| } | |
| @media print { | |
| * { | |
| background: transparent !important; | |
| color: black !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important; | |
| } | |
| .show-for-print { | |
| display: block !important; | |
| } | |
| .hide-for-print { | |
| display: none !important; | |
| } | |
| table.show-for-print { | |
| display: table !important; | |
| } | |
| thead.show-for-print { | |
| display: table-header-group !important; | |
| } | |
| tbody.show-for-print { | |
| display: table-row-group !important; | |
| } | |
| tr.show-for-print { | |
| display: table-row !important; | |
| } | |
| td.show-for-print { | |
| display: table-cell !important; | |
| } | |
| th.show-for-print { | |
| display: table-cell !important; | |
| } | |
| a, | |
| a:visited { | |
| text-decoration: underline; | |
| } | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| .ir a:after, | |
| a[href^='javascript:']:after, | |
| a[href^='#']:after { | |
| content: ''; | |
| } | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| pre, | |
| blockquote { | |
| border: 1px solid #8a8a8a; | |
| page-break-inside: avoid; | |
| } | |
| thead { | |
| display: table-header-group; | |
| } | |
| tr, | |
| img { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| max-width: 100% !important; | |
| } | |
| @page { | |
| margin: 0.5cm; | |
| } | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| h2, | |
| h3 { | |
| page-break-after: avoid; | |
| } | |
| } | |
| .button { | |
| display: inline-block; | |
| text-align: center; | |
| line-height: 1; | |
| cursor: pointer; | |
| -webkit-appearance: none; | |
| transition: background-color 0.25s ease-out, color 0.25s ease-out; | |
| vertical-align: middle; | |
| border: 1px solid transparent; | |
| border-radius: 0; | |
| padding: 0.85em 1em; | |
| margin: 0 0 1rem 0; | |
| font-size: 0.9rem; | |
| background-color: #00AFD8; | |
| color: #fefefe; | |
| } | |
| [data-whatinput='mouse'] .button { | |
| outline: 0; | |
| } | |
| .button:hover, .button:focus { | |
| background-color: #0095b8; | |
| color: #fefefe; | |
| } | |
| .button.tiny { | |
| font-size: 0.6rem; | |
| } | |
| .button.small { | |
| font-size: 0.75rem; | |
| } | |
| .button.large { | |
| font-size: 1.25rem; | |
| } | |
| .button.expanded { | |
| display: block; | |
| width: 100%; | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| .button.primary { | |
| background-color: #00AFD8; | |
| color: #fefefe; | |
| } | |
| .button.primary:hover, .button.primary:focus { | |
| background-color: #008cad; | |
| color: #fefefe; | |
| } | |
| .button.secondary { | |
| background-color: #002C77; | |
| color: #fefefe; | |
| } | |
| .button.secondary:hover, .button.secondary:focus { | |
| background-color: #00235f; | |
| color: #fefefe; | |
| } | |
| .button.success { | |
| background-color: #0DFF3C; | |
| color: #fefefe; | |
| } | |
| .button.success:hover, .button.success:focus { | |
| background-color: #00d62a; | |
| color: #fefefe; | |
| } | |
| .button.warning { | |
| background-color: #ffae00; | |
| color: #fefefe; | |
| } | |
| .button.warning:hover, .button.warning:focus { | |
| background-color: #cc8b00; | |
| color: #fefefe; | |
| } | |
| .button.alert { | |
| background-color: #ec5840; | |
| color: #fefefe; | |
| } | |
| .button.alert:hover, .button.alert:focus { | |
| background-color: #da3116; | |
| color: #fefefe; | |
| } | |
| .button.hollow { | |
| border: 1px solid #00AFD8; | |
| color: #00AFD8; | |
| } | |
| .button.hollow, .button.hollow:hover, .button.hollow:focus { | |
| background-color: transparent; | |
| } | |
| .button.hollow:hover, .button.hollow:focus { | |
| border-color: #00586c; | |
| color: #00586c; | |
| } | |
| .button.hollow.primary { | |
| border: 1px solid #00AFD8; | |
| color: #00AFD8; | |
| } | |
| .button.hollow.primary:hover, .button.hollow.primary:focus { | |
| border-color: #00586c; | |
| color: #00586c; | |
| } | |
| .button.hollow.secondary { | |
| border: 1px solid #002C77; | |
| color: #002C77; | |
| } | |
| .button.hollow.secondary:hover, .button.hollow.secondary:focus { | |
| border-color: #00163c; | |
| color: #00163c; | |
| } | |
| .button.hollow.success { | |
| border: 1px solid #0DFF3C; | |
| color: #0DFF3C; | |
| } | |
| .button.hollow.success:hover, .button.hollow.success:focus { | |
| border-color: #00861a; | |
| color: #00861a; | |
| } | |
| .button.hollow.warning { | |
| border: 1px solid #ffae00; | |
| color: #ffae00; | |
| } | |
| .button.hollow.warning:hover, .button.hollow.warning:focus { | |
| border-color: #805700; | |
| color: #805700; | |
| } | |
| .button.hollow.alert { | |
| border: 1px solid #ec5840; | |
| color: #ec5840; | |
| } | |
| .button.hollow.alert:hover, .button.hollow.alert:focus { | |
| border-color: #881f0e; | |
| color: #881f0e; | |
| } | |
| .button.disabled, .button[disabled] { | |
| opacity: 0.25; | |
| cursor: not-allowed; | |
| } | |
| .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { | |
| background-color: #00AFD8; | |
| color: #fefefe; | |
| } | |
| .button.dropdown::after { | |
| content: ''; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border: inset 0.4em; | |
| border-color: #fefefe transparent transparent; | |
| border-top-style: solid; | |
| border-bottom-width: 0; | |
| position: relative; | |
| top: 0.4em; | |
| float: right; | |
| margin-left: 1em; | |
| display: inline-block; | |
| } | |
| .button.arrow-only::after { | |
| margin-left: 0; | |
| float: none; | |
| top: -0.1em; | |
| } | |
| [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], | |
| textarea { | |
| display: block; | |
| box-sizing: border-box; | |
| width: 100%; | |
| height: 2.4375rem; | |
| padding: 0.5rem; | |
| border: 1px solid #cacaca; | |
| margin: 0 0 1rem; | |
| font-family: inherit; | |
| font-size: 1rem; | |
| color: #0a0a0a; | |
| background-color: #fefefe; | |
| box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); | |
| border-radius: 0; | |
| transition: box-shadow 0.5s, border-color 0.25s ease-in-out; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| } | |
| [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, | |
| textarea:focus { | |
| border: 1px solid #8a8a8a; | |
| background-color: #fefefe; | |
| outline: none; | |
| box-shadow: 0 0 5px #cacaca; | |
| transition: box-shadow 0.5s, border-color 0.25s ease-in-out; | |
| } | |
| textarea { | |
| max-width: 100%; | |
| } | |
| textarea[rows] { | |
| height: auto; | |
| } | |
| input::-webkit-input-placeholder, | |
| textarea::-webkit-input-placeholder { | |
| color: #cacaca; | |
| } | |
| input::-moz-placeholder, | |
| textarea::-moz-placeholder { | |
| color: #cacaca; | |
| } | |
| input:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder { | |
| color: #cacaca; | |
| } | |
| input::placeholder, | |
| textarea::placeholder { | |
| color: #cacaca; | |
| } | |
| input:disabled, input[readonly], | |
| textarea:disabled, | |
| textarea[readonly] { | |
| background-color: #e6e6e6; | |
| cursor: default; | |
| } | |
| [type='submit'], | |
| [type='button'] { | |
| border-radius: 0; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| } | |
| input[type='search'] { | |
| box-sizing: border-box; | |
| } | |
| [type='file'], | |
| [type='checkbox'], | |
| [type='radio'] { | |
| margin: 0 0 1rem; | |
| } | |
| [type='checkbox'] + label, | |
| [type='radio'] + label { | |
| display: inline-block; | |
| margin-left: 0.5rem; | |
| margin-right: 1rem; | |
| margin-bottom: 0; | |
| vertical-align: baseline; | |
| } | |
| [type='checkbox'] + label[for], | |
| [type='radio'] + label[for] { | |
| cursor: pointer; | |
| } | |
| label > [type='checkbox'], | |
| label > [type='radio'] { | |
| margin-right: 0.5rem; | |
| } | |
| [type='file'] { | |
| width: 100%; | |
| } | |
| label { | |
| display: block; | |
| margin: 0; | |
| font-size: 0.875rem; | |
| font-weight: normal; | |
| line-height: 1.8; | |
| color: #0a0a0a; | |
| } | |
| label.middle { | |
| margin: 0 0 1rem; | |
| padding: 0.5625rem 0; | |
| } | |
| .help-text { | |
| margin-top: -0.5rem; | |
| font-size: 0.8125rem; | |
| font-style: italic; | |
| color: #0a0a0a; | |
| } | |
| .input-group { | |
| display: table; | |
| width: 100%; | |
| margin-bottom: 1rem; | |
| } | |
| .input-group > :first-child { | |
| border-radius: 0 0 0 0; | |
| } | |
| .input-group > :last-child > * { | |
| border-radius: 0 0 0 0; | |
| } | |
| .input-group-label, .input-group-field, .input-group-button { | |
| margin: 0; | |
| white-space: nowrap; | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .input-group-label { | |
| text-align: center; | |
| padding: 0 1rem; | |
| background: #e6e6e6; | |
| color: #0a0a0a; | |
| border: 1px solid #cacaca; | |
| white-space: nowrap; | |
| width: 1%; | |
| height: 100%; | |
| } | |
| .input-group-label:first-child { | |
| border-right: 0; | |
| } | |
| .input-group-label:last-child { | |
| border-left: 0; | |
| } | |
| .input-group-field { | |
| border-radius: 0; | |
| height: 2.5rem; | |
| } | |
| .input-group-button { | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| text-align: center; | |
| height: 100%; | |
| width: 1%; | |
| } | |
| .input-group-button a, | |
| .input-group-button input, | |
| .input-group-button button { | |
| margin: 0; | |
| } | |
| .input-group .input-group-button { | |
| display: table-cell; | |
| } | |
| fieldset { | |
| border: 0; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| legend { | |
| margin-bottom: 0.5rem; | |
| max-width: 100%; | |
| } | |
| .fieldset { | |
| border: 1px solid #cacaca; | |
| padding: 1.25rem; | |
| margin: 1.125rem 0; | |
| } | |
| .fieldset legend { | |
| background: #fefefe; | |
| padding: 0 0.1875rem; | |
| margin: 0; | |
| margin-left: -0.1875rem; | |
| } | |
| select { | |
| height: 2.4375rem; | |
| padding: 0.5rem; | |
| border: 1px solid #cacaca; | |
| margin: 0 0 1rem; | |
| font-size: 1rem; | |
| font-family: inherit; | |
| line-height: normal; | |
| color: #0a0a0a; | |
| background-color: #fefefe; | |
| border-radius: 0; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); | |
| background-size: 9px 6px; | |
| background-position: right -1rem center; | |
| background-origin: content-box; | |
| background-repeat: no-repeat; | |
| padding-right: 1.5rem; | |
| } | |
| @media screen and (min-width: 0\0) { | |
| select { | |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); | |
| } | |
| } | |
| select:disabled { | |
| background-color: #e6e6e6; | |
| cursor: default; | |
| } | |
| select::-ms-expand { | |
| display: none; | |
| } | |
| select[multiple] { | |
| height: auto; | |
| background-image: none; | |
| } | |
| .is-invalid-input:not(:focus) { | |
| background-color: rgba(236, 88, 64, 0.1); | |
| border-color: #ec5840; | |
| } | |
| .is-invalid-label { | |
| color: #ec5840; | |
| } | |
| .form-error { | |
| display: none; | |
| margin-top: -0.5rem; | |
| margin-bottom: 1rem; | |
| font-size: 0.75rem; | |
| font-weight: bold; | |
| color: #ec5840; | |
| } | |
| .form-error.is-visible { | |
| display: block; | |
| } | |
| .button-inverse { | |
| border: 1px solid #fefefe; | |
| display: inline-block; | |
| text-align: center; | |
| line-height: 1; | |
| cursor: pointer; | |
| -webkit-appearance: none; | |
| transition: background-color 0.25s ease-out, color 0.25s ease-out; | |
| vertical-align: middle; | |
| border: 1px solid transparent; | |
| border-radius: 0; | |
| padding: 0.85em 1em; | |
| margin: 0 0 1rem 0; | |
| font-size: 0.9rem; | |
| border: 1px solid #fefefe; | |
| color: #fefefe; | |
| } | |
| [data-whatinput='mouse'] .button-inverse { | |
| outline: 0; | |
| } | |
| .button-inverse, .button-inverse:hover, .button-inverse:focus { | |
| background-color: transparent; | |
| } | |
| .button-inverse:hover, .button-inverse:focus { | |
| border-color: #7f7f7f; | |
| color: #7f7f7f; | |
| } | |
| .CampaignForm { | |
| background: #f1f1f1; | |
| background: radial-gradient(ellipse at center, white 0%, #f6f6f6 47%, #ededed 100%); | |
| margin: 3rem; | |
| box-shadow: 0 1rem 1rem #ccc; | |
| } | |
| .CampaignForm .container { | |
| border: 1rem solid #fefefe; | |
| padding: 2rem; | |
| } | |
| .CampaignForm input[type='text'], .CampaignForm textarea { | |
| animation: background-color 1s ease-in; | |
| color: #002C77; | |
| text-transform: capitalize; | |
| } | |
| .CampaignForm input[type='text']:focus { | |
| font-weight: 700; | |
| } | |
| .CampaignForm input[id='Patient.Email'] { | |
| text-transform: lowercase; | |
| } | |
| .CampaignForm fieldset strong { | |
| color: #00AFD8; | |
| text-transform: uppercase; | |
| } | |
| .CampaignForm legend { | |
| background: transparent; | |
| font-size: 1.2rem; | |
| } | |
| .CampaignForm--button { | |
| background: #002C77; | |
| color: #fefefe; | |
| font-size: 1.1rem; | |
| } | |
| .CampaignForm--title { | |
| color: #002C77; | |
| font-size: 2.4rem; | |
| font-weight: 300; | |
| padding-bottom: 2rem; | |
| text-transform: uppercase; | |
| } | |
| .CampaignForm { | |
| padding: 2%; | |
| } | |
| .header-mobile-home { | |
| background: #004b8d; | |
| color: #fefefe; | |
| } | |
| .header-mobile-home__logo { | |
| max-width: 100%; | |
| } | |
| .header-mobile-home__phoneNumber { | |
| padding-top: 5.5%; | |
| text-align: center; | |
| } | |
| .header-mobile-home__phoneNumber h3 { | |
| font-weight: 700; | |
| } | |
| .header-mobile-home__phoneNumber a { | |
| color: #fefefe !important; | |
| } | |
| .header-mobile-home__iconcontainer { | |
| font-size: 300%; | |
| text-align: right; | |
| } | |
| .header-mobile-home__menuicon { | |
| border-radius: 1rem; | |
| color: white; | |
| display: inline-block; | |
| font-size: 200%; | |
| padding: 0.3rem 1rem; | |
| text-align: center; | |
| } | |
| .header-mobile-home__menuicon em { | |
| display: block; | |
| font-size: 40%; | |
| font-style: normal; | |
| margin-top: -0.6rem; | |
| text-transform: uppercase; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment