Created
March 12, 2014 14:20
-
-
Save rianrainey/9507909 to your computer and use it in GitHub Desktop.
4/12/14 Dump of CSS
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
| /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined in IE 8/9. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * Correct `inline-block` display not defined in IE 8/9. | |
| */ | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; | |
| } | |
| /** | |
| * 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. | |
| * Hide the `template` element in IE, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* ========================================================================== | |
| Base | |
| ========================================================================== */ | |
| /** | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS text size adjust after 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; | |
| } | |
| /* ========================================================================== | |
| Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background: transparent; | |
| } | |
| /** | |
| * Address `outline` inconsistency between Chrome and other browsers. | |
| */ | |
| a:focus { | |
| outline: thin dotted; | |
| } | |
| /** | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* ========================================================================== | |
| Typography | |
| ========================================================================== */ | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9, Safari 5, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari 5 and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Correct font family set oddly in Safari 5 and Chrome. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, serif; | |
| font-size: 1em; | |
| } | |
| /** | |
| * Improve readability of pre-formatted text in all browsers. | |
| */ | |
| pre { | |
| white-space: pre-wrap; | |
| } | |
| /** | |
| * Set consistent quote types. | |
| */ | |
| q { | |
| quotes: "\201C" "\201D" "\2018" "\2019"; | |
| } | |
| /** | |
| * 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. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow displayed oddly in IE 9. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* ========================================================================== | |
| Figures | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari 5. | |
| */ | |
| figure { | |
| margin: 0; | |
| } | |
| /* ========================================================================== | |
| Forms | |
| ========================================================================== */ | |
| /** | |
| * Define consistent border, margin, and padding. | |
| */ | |
| 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. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * 1. Correct font family not being inherited in all browsers. | |
| * 2. Correct font size not being inherited in all browsers. | |
| * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 2 */ | |
| margin: 0; /* 3 */ | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| button, | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * 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 Chrome, Safari 5+, and IE 8+. | |
| * Correct `select` style inheritance in Firefox 4+ and Opera. | |
| */ | |
| 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"], /* 1 */ | |
| 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: default; | |
| } | |
| /** | |
| * 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 */ | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; /* 2 */ | |
| box-sizing: content-box; | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari 5 and Chrome | |
| * on OS X. | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * 1. Remove default vertical scrollbar in IE 8/9. | |
| * 2. Improve readability and alignment in all browsers. | |
| */ | |
| textarea { | |
| overflow: auto; /* 1 */ | |
| vertical-align: top; /* 2 */ | |
| } | |
| /* ========================================================================== | |
| Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /*! | |
| * Bootstrap v3.1.1 (http://getbootstrap.com) | |
| * Copyright 2011-2014 Twitter, Inc. | |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
| */ | |
| /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ | |
| html { | |
| font-family: sans-serif; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| vertical-align: baseline; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| a { | |
| background: transparent; | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| dfn { | |
| font-style: italic; | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| img { | |
| border: 0; | |
| } | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| pre { | |
| overflow: auto; | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| font: inherit; | |
| margin: 0; | |
| } | |
| button { | |
| overflow: visible; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| input { | |
| line-height: normal; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| overflow: auto; | |
| } | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| *:before, | |
| *:after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| html { | |
| font-size: 62.5%; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| } | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 1.42857143; | |
| color: #333333; | |
| background-color: #ffffff; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-family: inherit; | |
| font-size: inherit; | |
| line-height: inherit; | |
| } | |
| a { | |
| color: #428bca; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:focus { | |
| color: #2a6496; | |
| text-decoration: underline; | |
| } | |
| a:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| figure { | |
| margin: 0; | |
| } | |
| img { | |
| vertical-align: middle; | |
| } | |
| .img-responsive { | |
| display: block; | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .img-rounded { | |
| border-radius: 6px; | |
| } | |
| .img-thumbnail { | |
| padding: 4px; | |
| line-height: 1.42857143; | |
| background-color: #ffffff; | |
| border: 1px solid #dddddd; | |
| border-radius: 4px; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| display: inline-block; | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .img-circle { | |
| border-radius: 50%; | |
| } | |
| hr { | |
| margin-top: 20px; | |
| margin-bottom: 20px; | |
| border: 0; | |
| border-top: 1px solid #eeeeee; | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| border: 0; | |
| } | |
| .popover { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1010; | |
| display: none; | |
| max-width: 276px; | |
| padding: 1px; | |
| text-align: left; | |
| background-color: #ffffff; | |
| background-clip: padding-box; | |
| border: 1px solid #cccccc; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| border-radius: 6px; | |
| -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| white-space: normal; | |
| } | |
| .popover.top { | |
| margin-top: -10px; | |
| } | |
| .popover.right { | |
| margin-left: 10px; | |
| } | |
| .popover.bottom { | |
| margin-top: 10px; | |
| } | |
| .popover.left { | |
| margin-left: -10px; | |
| } | |
| .popover-title { | |
| margin: 0; | |
| padding: 8px 14px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| background-color: #f7f7f7; | |
| border-bottom: 1px solid #ebebeb; | |
| border-radius: 5px 5px 0 0; | |
| } | |
| .popover-content { | |
| padding: 9px 14px; | |
| } | |
| .popover > .arrow, | |
| .popover > .arrow:after { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .popover > .arrow { | |
| border-width: 11px; | |
| } | |
| .popover > .arrow:after { | |
| border-width: 10px; | |
| content: ""; | |
| } | |
| .popover.top > .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-bottom-width: 0; | |
| border-top-color: #999999; | |
| border-top-color: rgba(0, 0, 0, 0.25); | |
| bottom: -11px; | |
| } | |
| .popover.top > .arrow:after { | |
| content: " "; | |
| bottom: 1px; | |
| margin-left: -10px; | |
| border-bottom-width: 0; | |
| border-top-color: #ffffff; | |
| } | |
| .popover.right > .arrow { | |
| top: 50%; | |
| left: -11px; | |
| margin-top: -11px; | |
| border-left-width: 0; | |
| border-right-color: #999999; | |
| border-right-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .popover.right > .arrow:after { | |
| content: " "; | |
| left: 1px; | |
| bottom: -10px; | |
| border-left-width: 0; | |
| border-right-color: #ffffff; | |
| } | |
| .popover.bottom > .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-top-width: 0; | |
| border-bottom-color: #999999; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); | |
| top: -11px; | |
| } | |
| .popover.bottom > .arrow:after { | |
| content: " "; | |
| top: 1px; | |
| margin-left: -10px; | |
| border-top-width: 0; | |
| border-bottom-color: #ffffff; | |
| } | |
| .popover.left > .arrow { | |
| top: 50%; | |
| right: -11px; | |
| margin-top: -11px; | |
| border-right-width: 0; | |
| border-left-color: #999999; | |
| border-left-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .popover.left > .arrow:after { | |
| content: " "; | |
| right: 1px; | |
| border-right-width: 0; | |
| border-left-color: #ffffff; | |
| bottom: -10px; | |
| } | |
| .highlight { | |
| background: #ffffff; } | |
| .highlight .c { | |
| color: #999988; | |
| font-style: italic; } | |
| /* Comment */ | |
| .highlight .err { | |
| color: #a61717; | |
| background-color: #e3d2d2; } | |
| /* Error */ | |
| .highlight .k { | |
| font-weight: bold; } | |
| /* Keyword */ | |
| .highlight .o { | |
| font-weight: bold; } | |
| /* Operator */ | |
| .highlight .cm { | |
| color: #999988; | |
| font-style: italic; } | |
| /* Comment.Multiline */ | |
| .highlight .cp { | |
| color: #999999; | |
| font-weight: bold; } | |
| /* Comment.Preproc */ | |
| .highlight .c1 { | |
| color: #999988; | |
| font-style: italic; } | |
| /* Comment.Single */ | |
| .highlight .cs { | |
| color: #999999; | |
| font-weight: bold; | |
| font-style: italic; } | |
| /* Comment.Special */ | |
| .highlight .gd { | |
| color: #000000; | |
| background-color: #ffdddd; } | |
| /* Generic.Deleted */ | |
| .highlight .gd .x { | |
| color: #000000; | |
| background-color: #ffaaaa; } | |
| /* Generic.Deleted.Specific */ | |
| .highlight .ge { | |
| font-style: italic; } | |
| /* Generic.Emph */ | |
| .highlight .gr { | |
| color: #aa0000; } | |
| /* Generic.Error */ | |
| .highlight .gh { | |
| color: #999999; } | |
| /* Generic.Heading */ | |
| .highlight .gi { | |
| color: #000000; | |
| background-color: #ddffdd; } | |
| /* Generic.Inserted */ | |
| .highlight .gi .x { | |
| color: #000000; | |
| background-color: #aaffaa; } | |
| /* Generic.Inserted.Specific */ | |
| .highlight .go { | |
| color: #888888; } | |
| /* Generic.Output */ | |
| .highlight .gp { | |
| color: #555555; } | |
| /* Generic.Prompt */ | |
| .highlight .gs { | |
| font-weight: bold; } | |
| /* Generic.Strong */ | |
| .highlight .gu { | |
| color: #aaaaaa; } | |
| /* Generic.Subheading */ | |
| .highlight .gt { | |
| color: #aa0000; } | |
| /* Generic.Traceback */ | |
| .highlight .kc { | |
| font-weight: bold; } | |
| /* Keyword.Constant */ | |
| .highlight .kd { | |
| font-weight: bold; } | |
| /* Keyword.Declaration */ | |
| .highlight .kp { | |
| font-weight: bold; } | |
| /* Keyword.Pseudo */ | |
| .highlight .kr { | |
| font-weight: bold; } | |
| /* Keyword.Reserved */ | |
| .highlight .kt { | |
| color: #445588; | |
| font-weight: bold; } | |
| /* Keyword.Type */ | |
| .highlight .m { | |
| color: #009999; } | |
| /* Literal.Number */ | |
| .highlight .s { | |
| color: #dd1144; } | |
| /* Literal.String */ | |
| .highlight .na { | |
| color: teal; } | |
| /* Name.Attribute */ | |
| .highlight .nb { | |
| color: #0086b3; } | |
| /* Name.Builtin */ | |
| .highlight .nc { | |
| color: #445588; | |
| font-weight: bold; } | |
| /* Name.Class */ | |
| .highlight .no { | |
| color: teal; } | |
| /* Name.Constant */ | |
| .highlight .ni { | |
| color: purple; } | |
| /* Name.Entity */ | |
| .highlight .ne { | |
| color: #990000; | |
| font-weight: bold; } | |
| /* Name.Exception */ | |
| .highlight .nf { | |
| color: #990000; | |
| font-weight: bold; } | |
| /* Name.Function */ | |
| .highlight .nn { | |
| color: #555555; } | |
| /* Name.Namespace */ | |
| .highlight .nt { | |
| color: navy; } | |
| /* Name.Tag */ | |
| .highlight .nv { | |
| color: teal; } | |
| /* Name.Variable */ | |
| .highlight .ow { | |
| font-weight: bold; } | |
| /* Operator.Word */ | |
| .highlight .w { | |
| color: #bbbbbb; } | |
| /* Text.Whitespace */ | |
| .highlight .mf { | |
| color: #009999; } | |
| /* Literal.Number.Float */ | |
| .highlight .mh { | |
| color: #009999; } | |
| /* Literal.Number.Hex */ | |
| .highlight .mi { | |
| color: #009999; } | |
| /* Literal.Number.Integer */ | |
| .highlight .mo { | |
| color: #009999; } | |
| /* Literal.Number.Oct */ | |
| .highlight .sb { | |
| color: #dd1144; } | |
| /* Literal.String.Backtick */ | |
| .highlight .sc { | |
| color: #dd1144; } | |
| /* Literal.String.Char */ | |
| .highlight .sd { | |
| color: #dd1144; } | |
| /* Literal.String.Doc */ | |
| .highlight .s2 { | |
| color: #dd1144; } | |
| /* Literal.String.Double */ | |
| .highlight .se { | |
| color: #dd1144; } | |
| /* Literal.String.Escape */ | |
| .highlight .sh { | |
| color: #dd1144; } | |
| /* Literal.String.Heredoc */ | |
| .highlight .si { | |
| color: #dd1144; } | |
| /* Literal.String.Interpol */ | |
| .highlight .sx { | |
| color: #dd1144; } | |
| /* Literal.String.Other */ | |
| .highlight .sr { | |
| color: #009926; } | |
| /* Literal.String.Regex */ | |
| .highlight .s1 { | |
| color: #dd1144; } | |
| /* Literal.String.Single */ | |
| .highlight .ss { | |
| color: #990073; } | |
| /* Literal.String.Symbol */ | |
| .highlight .bp { | |
| color: #999999; } | |
| /* Name.Builtin.Pseudo */ | |
| .highlight .vc { | |
| color: teal; } | |
| /* Name.Variable.Class */ | |
| .highlight .vg { | |
| color: teal; } | |
| /* Name.Variable.Global */ | |
| .highlight .vi { | |
| color: teal; } | |
| /* Name.Variable.Instance */ | |
| .highlight .il { | |
| color: #009999; } | |
| /* Literal.Number.Integer.Long */ | |
| @charset "UTF-8"; | |
| /* | |
| * This file should only comprise of @imports. | |
| * Place all styles in appropriately named files. | |
| * See the ToC in _application.scss | |
| */ | |
| /* Bourbon & Neat | |
| * -----------------------------------------------------------------------------*/ | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| /* Base | |
| * -----------------------------------------------------------------------------*/ | |
| button, | |
| input[type="submit"], .btn, .btn-danger, .btn-link, button.btn-none { | |
| border: 1px solid #004b79; | |
| border-radius: 3px; | |
| box-shadow: inset 0 1px 0 0 #17a1f5; | |
| color: white; | |
| display: inline-block; | |
| font-size: 11px; | |
| font-weight: bold; | |
| background-color: #0077c0; | |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0077c0), color-stop(100%, #005488)); | |
| background-image: -webkit-linear-gradient(#0077c0, #005488); | |
| background-image: linear-gradient(#0077c0, #005488); | |
| padding: 7px 18px; | |
| text-decoration: none; | |
| text-shadow: 0 1px 0 #003e64; | |
| background-clip: padding-box; | |
| background-image: none; | |
| border: none; | |
| border-radius: 0.5em; | |
| box-shadow: inset -2px -2px 0 0 #106785; | |
| font-size: 0.9em; | |
| font-weight: normal; | |
| margin: 0 auto; | |
| padding: .75em .25em; | |
| width: 130px; | |
| text-shadow: none; } | |
| button:hover:not(:disabled), | |
| input[type="submit"]:hover:not(:disabled), .btn:hover:not(:disabled), .btn-danger:hover:not(:disabled), .btn-link:hover:not(:disabled) { | |
| box-shadow: inset 0 1px 0 0 #0885d2; | |
| cursor: pointer; | |
| background-color: #0366a3; | |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0366a3), color-stop(100%, #004b79)); | |
| background-image: -webkit-linear-gradient(#0366a3, #004b79); | |
| background-image: linear-gradient(#0366a3, #004b79); } | |
| button:active:not(:disabled), | |
| input[type="submit"]:active:not(:disabled), .btn:active:not(:disabled), .btn-danger:active:not(:disabled), .btn-link:active:not(:disabled) { | |
| border: 1px solid #004b79; | |
| box-shadow: inset 0 0 8px 4px #004169, inset 0 0 8px 4px #004169, 0 1px 1px 0 #eeeeee; } | |
| button:disabled, | |
| input[type="submit"]:disabled, .btn:disabled, .btn-danger:disabled, .btn-link:disabled { | |
| opacity: 0.5; | |
| cursor: not-allowed; } | |
| @media screen and (min-width: 47.5em) { | |
| button, | |
| input[type="submit"], .btn, .btn-danger, .btn-link, button.btn-none { | |
| padding: .75em 1em; | |
| width: 150px; } } | |
| body.interior .people .person .person-thumb img { | |
| border: 2px solid #cccccc; | |
| border-radius: 50%; } | |
| .clearfix:after { | |
| clear: both; | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| visibility: hidden; } | |
| .clearfix { | |
| display: block; } | |
| .selfclear { | |
| clear: both; } | |
| .pull-left { | |
| float: left; } | |
| .pull-right { | |
| float: right; } | |
| .text-left { | |
| text-align: left; } | |
| .text-center { | |
| text-align: center; } | |
| .text-right { | |
| text-align: right; } | |
| .valign-top { | |
| vertical-align: top; } | |
| .valign-middle { | |
| vertical-align: middle; } | |
| .valign-bottom { | |
| vertical-align: bottom; } | |
| .relative { | |
| position: relative; } | |
| .no-margin { | |
| margin: 0; } | |
| .no-padding { | |
| padding: 0; } | |
| html { | |
| font-size: 100%; } | |
| body { | |
| color: #212424; | |
| font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 1em; | |
| font-weight: 100; | |
| -webkit-font-smoothing: antialiased; | |
| line-height: 1.5em; } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| line-height: 1.25em; | |
| margin: 0; | |
| text-rendering: optimizeLegibility; } | |
| h1 { | |
| font-size: 2.25em; } | |
| h2 { | |
| font-size: 2em; } | |
| h3 { | |
| font-size: 1.75em; } | |
| h4 { | |
| font-size: 1.5em; } | |
| h5 { | |
| font-size: 1.25em; } | |
| h6 { | |
| font-size: 1em; } | |
| p { | |
| margin: 0 0 0.75em; } | |
| a { | |
| color: #0077c0; | |
| text-decoration: none; | |
| -webkit-transition: color 0.1s linear; | |
| -moz-transition: color 0.1s linear; | |
| transition: color 0.1s linear; } | |
| a:hover { | |
| color: #004874; } | |
| a:active, a:focus { | |
| color: #004874; | |
| outline: none; } | |
| a.read-more { | |
| font-style: normal; | |
| font-weight: bold; } | |
| hr { | |
| border-bottom: 1px solid #cccccc; | |
| border-left: none; | |
| border-right: none; | |
| border-top: none; | |
| margin: 1.5em 0; } | |
| img { | |
| margin: 0; | |
| max-width: 100%; } | |
| abbr, acronym { | |
| border-bottom: 1px dotted #cccccc; | |
| cursor: help; } | |
| address { | |
| display: block; | |
| margin: 0 0 0.75em; } | |
| hgroup { | |
| margin-bottom: 0.75em; } | |
| del { | |
| color: #464c4c; } | |
| blockquote { | |
| border-left: 2px solid #cccccc; | |
| color: #464c4c; | |
| margin: 1.5em 0; | |
| padding-left: 0.75em; } | |
| cite { | |
| color: #5e6767; | |
| font-style: italic; } | |
| cite:before { | |
| content: '\2014 \00A0'; } | |
| fieldset { | |
| background: #e6e6e6; | |
| border: 1px solid #cccccc; | |
| margin: 0 0 0.75em 0; | |
| padding: 1.5em; } | |
| input, | |
| label, | |
| select { | |
| display: block; | |
| font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 1em; } | |
| input { | |
| border: 1px solid #cccccc; | |
| padding: .75em; } | |
| label { | |
| font-weight: bold; | |
| margin-bottom: 0.375em; } | |
| label.required:after { | |
| content: "*"; } | |
| label abbr { | |
| display: none; } | |
| textarea, | |
| input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-transition: border-color; | |
| -moz-transition: border-color; | |
| transition: border-color; | |
| background-color: white; | |
| border-radius: 0; | |
| border: 1px solid #cccccc; | |
| color: black; | |
| box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); | |
| font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 1em; | |
| margin-bottom: 0.75em; | |
| padding: 0.5em 0.5em; | |
| width: 100%; } | |
| textarea:hover, | |
| input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover { | |
| border-color: #b3b3b3; } | |
| textarea:focus, | |
| input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus { | |
| border-color: #0077c0; | |
| box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 103, 167, 0.7); | |
| outline: none; } | |
| input[type="search"] { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| -ms-appearance: none; | |
| -o-appearance: none; | |
| appearance: none; } | |
| input[type="checkbox"], input[type="radio"] { | |
| display: inline; | |
| margin-right: 0.375em; } | |
| input[type="file"] { | |
| width: 100%; } | |
| select { | |
| width: auto; | |
| margin-bottom: 1.5em; } | |
| button, | |
| input[type="submit"] { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| -ms-appearance: none; | |
| -o-appearance: none; | |
| appearance: none; | |
| cursor: pointer; | |
| user-select: none; | |
| vertical-align: middle; | |
| white-space: nowrap; } | |
| .required { | |
| position: relative; } | |
| .required:after { | |
| content: '*'; | |
| color: #F00; | |
| position: absolute; | |
| right: 4%; | |
| top: .75em; } | |
| .btn, .btn-danger, .btn-link { | |
| border: 1px solid #eeeeee; | |
| border-radius: 0.1875em; | |
| color: #212424; | |
| padding: 0.5em 1em; | |
| -webkit-transition-property: background, border-color; | |
| -moz-transition-property: background, border-color; | |
| transition-property: background, border-color; | |
| -webkit-transition-duration: 0.2s; | |
| -moz-transition-duration: 0.2s; | |
| transition-duration: 0.2s; | |
| -webkit-transition-timing-function: ease-in-out; | |
| -moz-transition-timing-function: ease-in-out; | |
| transition-timing-function: ease-in-out; } | |
| .btn:hover, .btn-danger:hover, .btn-link:hover, .btn:active, .btn-danger:active, .btn-link:active { | |
| border-color: #bbbbbb; | |
| color: #212424; } | |
| .btn:focus, .btn-danger:focus, .btn-link:focus { | |
| color: #212424; } | |
| .btn:active, .btn-danger:active, .btn-link:active { | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } | |
| .btn .fa, .btn-danger .fa, .btn-link .fa { | |
| margin-right: 0.25em; } | |
| .btn-primary { | |
| background-color: #00a8e2; | |
| border-color: #00a8e2; | |
| color: white; } | |
| .btn-primary:hover, .btn-primary:hover:not(:disabled), .btn-primary:focus, .btn-primary:visited, .btn-primary:active, .btn-primary.active { | |
| background: #0095c9; | |
| box-shadow: inset -2px -2px 0 0 #006f96; | |
| border-color: #00a8e2; | |
| color: white; } | |
| .btn-primary:active, .btn-primary.active { | |
| background-image: none; } | |
| .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:visited, .btn-primary.disabled:active, .btn-primary.disabled.active { | |
| background-color: #00a8e2; | |
| border-color: #00a8e2; } | |
| .btn-primary:hover, .btn-primary:active { | |
| background: #0095c9; } | |
| .btn-primary.disabled { | |
| background: gainsboro !important; | |
| border-color: gainsboro !important; | |
| box-shadow: none !important; } | |
| .btn-secondary { | |
| background-color: #0077c0; | |
| border-color: #0077c0; | |
| color: white; | |
| box-shadow: inset -2px -2px 0 0 #00578d; | |
| margin-bottom: .5em; } | |
| .btn-secondary:hover, .btn-secondary:hover:not(:disabled), .btn-secondary:focus, .btn-secondary:visited, .btn-secondary:active, .btn-secondary.active { | |
| background: #0067a7; | |
| box-shadow: inset -2px -2px 0 0 #004874; | |
| border-color: #0077c0; | |
| color: white; } | |
| .btn-secondary:active, .btn-secondary.active { | |
| background-image: none; } | |
| .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:visited, .btn-secondary.disabled:active, .btn-secondary.disabled.active { | |
| background-color: #0077c0; | |
| border-color: #0077c0; } | |
| .btn-secondary:hover, .btn-secondary:active { | |
| background: #0067a7; } | |
| .btn-secondary.disabled { | |
| background: gainsboro !important; | |
| border-color: gainsboro !important; | |
| box-shadow: none !important; } | |
| .btn-tertiary { | |
| background-color: #f68b1f; | |
| border-color: #f68b1f; | |
| color: white; | |
| box-shadow: inset -2px -2px 0 0 #c16508; | |
| margin-bottom: .5em; } | |
| .btn-tertiary:hover, .btn-tertiary:hover:not(:disabled), .btn-tertiary:focus, .btn-tertiary:visited, .btn-tertiary:active, .btn-tertiary.active { | |
| background: #f27e0a; | |
| box-shadow: inset -2px -2px 0 0 #c16508; | |
| border-color: #f68b1f; | |
| color: white; } | |
| .btn-tertiary:active, .btn-tertiary.active { | |
| background-image: none; } | |
| .btn-tertiary.disabled, .btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus, .btn-tertiary.disabled:visited, .btn-tertiary.disabled:active, .btn-tertiary.disabled.active { | |
| background-color: #f68b1f; | |
| border-color: #f68b1f; } | |
| .btn-tertiary.disabled { | |
| background: gainsboro !important; | |
| border-color: gainsboro !important; | |
| box-shadow: none !important; } | |
| .btn-danger { | |
| background-color: red; | |
| border-color: black; | |
| color: white; } | |
| .btn-danger:hover, .btn-danger:hover:not(:disabled), .btn-danger:focus, .btn-danger:visited, .btn-danger:active, .btn-danger.active { | |
| background: #e60000; | |
| box-shadow: inset -2px -2px 0 0 #b30000; | |
| border-color: black; | |
| color: white; } | |
| .btn-danger:active, .btn-danger.active { | |
| background-image: none; } | |
| .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:visited, .btn-danger.disabled:active, .btn-danger.disabled.active { | |
| background-color: red; | |
| border-color: black; } | |
| .btn-danger:hover, .btn-danger:active { | |
| background: #e60000; } | |
| .btn-link { | |
| background-color: #0077c0; | |
| border-color: black; | |
| color: #0077c0; } | |
| .btn-link:hover, .btn-link:hover:not(:disabled), .btn-link:focus, .btn-link:visited, .btn-link:active, .btn-link.active { | |
| background: #0067a7; | |
| box-shadow: inset -2px -2px 0 0 #004874; | |
| border-color: black; | |
| color: #0077c0; } | |
| .btn-link:active, .btn-link.active { | |
| background-image: none; } | |
| .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:visited, .btn-link.disabled:active, .btn-link.disabled.active { | |
| background-color: #0077c0; | |
| border-color: black; } | |
| .btn-link:hover, .btn-link:active { | |
| color: #004874; } | |
| .btn-link:focus { | |
| box-shadow: none; } | |
| button.btn-none { | |
| background: none; | |
| border: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| line-height: 1em; | |
| padding: 0; | |
| text-shadow: none; | |
| width: inherit; } | |
| button.btn-none:hover { | |
| background: none; | |
| box-shadow: none; } | |
| table { | |
| border-collapse: collapse; | |
| margin: 0.75em 0; | |
| table-layout: fixed; | |
| width: 100%; } | |
| th { | |
| border-bottom: 1px solid #a6a6a6; | |
| font-weight: bold; | |
| padding: 0.75em 0; | |
| text-align: left; } | |
| td { | |
| border-bottom: 1px solid #cccccc; | |
| padding: 0.75em 0; } | |
| tr, td, th { | |
| vertical-align: middle; } | |
| ul, ol { | |
| margin: 0; | |
| padding: 0; | |
| list-style-type: none; } | |
| dl { | |
| line-height: 1.5em; | |
| margin-bottom: 0.75em; } | |
| dl dt { | |
| font-weight: bold; | |
| margin-top: 0.75em; } | |
| dl dd { | |
| margin: 0; } | |
| .error { | |
| background: #fbe3e4; | |
| color: #96151b; | |
| font-weight: bold; | |
| margin-bottom: 0.75em; | |
| padding: 0.75em; } | |
| .error a { | |
| color: #6a0f13; } | |
| .error a:hover { | |
| color: #110203; } | |
| .notice { | |
| background: #fff6bf; | |
| color: #8c7800; | |
| font-weight: bold; | |
| margin-bottom: 0.75em; | |
| padding: 0.75em; } | |
| .notice a { | |
| color: #594c00; } | |
| .notice a:hover { | |
| color: black; } | |
| .success { | |
| background: #e6efc2; | |
| color: #56651a; | |
| font-weight: bold; | |
| margin-bottom: 0.75em; | |
| padding: 0.75em; } | |
| .success a { | |
| color: #333c10; } | |
| .success a:hover { | |
| color: black; } | |
| .mobile-menu a, .footer-primary .mobile-footer-nav a { | |
| border-bottom: 1px solid #999999; | |
| display: block; } | |
| .mobile-menu li, .footer-primary .mobile-footer-nav li { | |
| float: left; | |
| font-size: 1.5em; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .mobile-menu li, .footer-primary .mobile-footer-nav li { | |
| display: none; } } | |
| .mobile-menu li.contact-us, .footer-primary .mobile-footer-nav li.contact-us { | |
| background-color: #f68b1f; } | |
| .mobile-menu li:last-child, .footer-primary .mobile-footer-nav li:last-child { | |
| border: none; | |
| margin-right: 0; } | |
| .mobile-menu li.has-sub-menu ul, .footer-primary .mobile-footer-nav li.has-sub-menu ul { | |
| font-size: .7em; } | |
| .mobile-menu li.has-sub-menu > a, .footer-primary .mobile-footer-nav li.has-sub-menu > a { | |
| position: relative; } | |
| .mobile-menu li.has-sub-menu > a:after, .footer-primary .mobile-footer-nav li.has-sub-menu > a:after { | |
| content: '\f0da'; | |
| font-family: 'FontAwesome'; | |
| position: absolute; | |
| right: 4%; | |
| top: 28%; } | |
| .mobile-menu li.has-sub-menu > a.show-menu:after, .footer-primary .mobile-footer-nav li.has-sub-menu > a.show-menu:after { | |
| content: '\f0d7'; } | |
| .mobile-menu li .sub-menu, .footer-primary .mobile-footer-nav li .sub-menu { | |
| display: none; } | |
| .mobile-menu li .sub-menu > li > a, .footer-primary .mobile-footer-nav li .sub-menu > li > a { | |
| font-weight: bold; | |
| text-decoration: underline; } | |
| .mobile-menu li .sub-menu li, .footer-primary .mobile-footer-nav li .sub-menu li { | |
| background-color: #e9e9e9; } | |
| .mobile-menu li .sub-menu a, .footer-primary .mobile-footer-nav li .sub-menu a { | |
| font-size: .8em; | |
| padding-left: 2em; } | |
| /* Application Template | |
| * ----------------------------------------------------------------------------- | |
| * Styling for the structure of the site. If your element doesn't show up on | |
| * every page, it probably shouldn't be in this file. | |
| * -----------------------------------------------------------------------------*/ | |
| /* Things to place in separate files... | |
| * --------------------------------------------------------------------------- | |
| * /extends/ => Sass extends declarations | |
| * /mixins/ => Sass mixins declarations | |
| * _buttons.scss | |
| * _fonts.scss => Font imports | |
| * _forms.scss | |
| * _lists.scss | |
| * _library.scss => Custom classes used throughout the app. | |
| * _tables.scss | |
| * _typography.scss | |
| * _utilities.scss | |
| * _variables.scss | |
| * _module_name.scss => Styles for a module of functionality (e.g. – modal). | |
| * _page_name.scss => Styles for page specific elements. | |
| * --------------------------------------------------------------------------- | |
| */ | |
| .wrap { | |
| position: relative; | |
| *zoom: 1; | |
| max-width: 68em; | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .wrap:before, .wrap:after { | |
| content: " "; | |
| display: table; } | |
| .wrap:after { | |
| clear: both; } | |
| .header-primary { | |
| margin-top: 1.5em; | |
| position: relative; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary { | |
| padding: 0 2%; } } | |
| .header-primary .btn-mobile-menu { | |
| color: #cccccc; | |
| font-size: 2.5em; | |
| z-index: 9999; | |
| position: absolute; | |
| top: 10px; | |
| right: 20px; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .btn-mobile-menu { | |
| display: none; } } | |
| .header-primary .logo { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; | |
| padding: 0 .5em 1em; } | |
| .header-primary .logo:last-child { | |
| margin-right: 0; } | |
| .header-primary .logo a { | |
| background: url("../img/c3a7.logo.png") 0 0 no-repeat; | |
| float: left; | |
| height: 65px; | |
| text-indent: -9999px; | |
| width: 165px; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .logo { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| margin: 0 inherit 0 0; } | |
| .header-primary .logo:last-child { | |
| margin-right: 0; } } | |
| .header-primary .navigation { | |
| background-color: #f2f2f2; | |
| float: left; | |
| position: absolute; | |
| right: 0; | |
| top: -9999px; | |
| width: 100%; } | |
| .header-primary .navigation.mobile-show { | |
| position: relative; | |
| top: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .navigation { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| background: none; | |
| margin-top: 0; | |
| padding: 0; | |
| position: absolute; | |
| right: 0; | |
| top: 0; } | |
| .header-primary .navigation:last-child { | |
| margin-right: 0; } } | |
| .header-primary .navigation a { | |
| color: black; | |
| text-decoration: none; | |
| display: block; | |
| padding: .5em; } | |
| .header-primary .navigation a:visited { | |
| color: black; | |
| text-decoration: none; } | |
| .header-primary .navigation a:hover, .header-primary .navigation a:active { | |
| color: black; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .navigation a { | |
| padding: 0; } } | |
| .header-primary .nav-primary { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .nav-primary { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| margin-top: 1em; } | |
| .header-primary .nav-primary:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 67.5em) { | |
| .header-primary .nav-primary { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; } | |
| .header-primary .nav-primary:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .nav-primary ul { | |
| float: right; | |
| margin: 0; } } | |
| @media screen and (min-width: 57.5em) { | |
| .header-primary .nav-primary ul { | |
| margin-right: 1em; } } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .nav-primary ul li { | |
| border: none; | |
| display: inline-block; | |
| font-size: 1em; | |
| margin: .25em 2em 0 0; | |
| text-align: left; | |
| width: auto; } } | |
| @media screen and (min-width: 57.5em) { | |
| .header-primary .nav-primary ul li { | |
| font-size: 1.25em; | |
| margin-right: 1.25em; } } | |
| .header-primary .nav-primary ul li:last-child { | |
| margin-right: 0; } | |
| .header-primary .search-wrapper { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .search-wrapper { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| margin-top: .5em; } | |
| .header-primary .search-wrapper:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 67.5em) { | |
| .header-primary .search-wrapper { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 31.76157%; } | |
| .header-primary .search-wrapper:last-child { | |
| margin-right: 0; } } | |
| .header-primary .search-wrapper .search-box { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; | |
| background-color: #0077c0; | |
| position: relative; } | |
| .header-primary .search-wrapper .search-box:last-child { | |
| margin-right: 0; } | |
| .header-primary .search-wrapper .search-box.hasFocus { | |
| outline: -webkit-focus-ring-color auto 5px; } | |
| .header-primary .search-wrapper .search-box input { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| border-radius: 0; | |
| margin-right: 0; | |
| outline: none; } | |
| .header-primary .search-wrapper .search-box input:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 67.5em) { | |
| .header-primary .search-wrapper .search-box input { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-right: 0; } | |
| .header-primary .search-wrapper .search-box input:last-child { | |
| margin-right: 0; } } | |
| .header-primary .search-wrapper .search-box .search-button { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| background-color: #0077c0; | |
| height: 50px; | |
| position: relative; } | |
| .header-primary .search-wrapper .search-box .search-button:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 67.5em) { | |
| .header-primary .search-wrapper .search-box .search-button { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 14.70196%; } | |
| .header-primary .search-wrapper .search-box .search-button:last-child { | |
| margin-right: 0; } } | |
| .header-primary .search-wrapper .search-box .search-button .search-icon { | |
| position: absolute; | |
| top: 35%; | |
| right: 10%; | |
| background: url("../img/ef8d.sprite-icons.png") -22px 0 no-repeat; | |
| height: 20px; | |
| width: 20px; } | |
| .header-primary .mobile.search-wrapper { | |
| display: block; } | |
| .header-primary .mobile.search-wrapper .search-box { | |
| background-color: #0077c0; } | |
| @media screen and (min-width: 47.5em) { | |
| .header-primary .mobile.search-wrapper { | |
| display: none; } } | |
| .header-primary .mobile.search-wrapper input { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-right: 0; } | |
| .header-primary .mobile.search-wrapper input:last-child { | |
| margin-right: 0; } | |
| .header-primary .mobile.search-wrapper .search-button { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 14.70196%; } | |
| .header-primary .mobile.search-wrapper .search-button:last-child { | |
| margin-right: 0; } | |
| .header-primary .mobile.search-wrapper .search-button .search-icon { | |
| top: 33%; | |
| right: 25%; } | |
| .widget li { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; | |
| margin-bottom: 1em; } | |
| .widget li:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .widget li { | |
| float: left; | |
| margin-bottom: 3em; | |
| margin-left: 0; | |
| width: 100%; } } | |
| .widget li div { | |
| margin: 0 auto; } | |
| @media screen and (min-width: 47.5em) { | |
| .widget .title { | |
| font-size: 1.25em; | |
| margin-bottom: 1.5em; | |
| text-align: left; | |
| text-decoration: underline; } } | |
| .widget.stats .icon { | |
| background: url("../img/9abe.sprite-circles.png") -3px -54px no-repeat; | |
| float: left; | |
| height: 50px; | |
| margin-right: 1em; | |
| width: 50px; } | |
| .widget.stats .icon.whistle { | |
| background-position: -58px -54px; } | |
| .widget.stats .icon.steps { | |
| background-position: -113px -54px; } | |
| .widget.stats .text { | |
| padding-top: .25em; | |
| text-align: center; } | |
| @media screen and (min-width: 47.5em) { | |
| .widget.stats .text { | |
| text-align: left; } } | |
| .widget.stats .text .number { | |
| display: block; | |
| font-size: 2em; } | |
| .widget.stats .text .fa { | |
| color: #cccccc; } | |
| .widget.stats .text .fa-stack { | |
| position: absolute; | |
| right: 5%; } | |
| @media screen and (min-width: 47.5em) { | |
| .widget.stats .text .fa-stack { | |
| position: relative; | |
| right: 0; } } | |
| .widget.testimony .name { | |
| color: #006fb4; | |
| font-size: 1.25em; } | |
| .contact-us { | |
| color: white; | |
| float: left; | |
| width: 100%; } | |
| .contact-title, | |
| .contact-us-content { | |
| background: #f68b1f; } | |
| .contact-us-header { | |
| float: left; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-header { | |
| cursor: pointer; | |
| float: right; | |
| width: 250px; } } | |
| .contact-us-header .speak { | |
| background-color: #b46518; | |
| float: left; | |
| height: 40px; | |
| padding: 13px 10px; | |
| width: 40px; } | |
| .contact-us-header .speak .icon { | |
| background: url("../img/ef8d.sprite-icons.png") 0 0 no-repeat; | |
| float: left; | |
| height: 20px; | |
| width: 20px; } | |
| .contact-us-header .contact-title { | |
| font-size: 1.25em; | |
| height: 40px; | |
| padding: 8px 0 0 3em; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-header .contact-title { | |
| font-size: 1em; | |
| padding: 11px 0 0 4em; } } | |
| .contact-us-content { | |
| border-top: 1px solid #b46518; | |
| display: none; | |
| float: left; | |
| padding: 1em 0; | |
| text-align: center; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content { | |
| border: none; } } | |
| .contact-us-content a { | |
| color: white; | |
| text-decoration: underline; } | |
| .contact-us-content .content { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; } | |
| .contact-us-content .content:last-child { | |
| margin-right: 0; } | |
| .contact-us-content .content h4 { | |
| margin-bottom: .25em; } | |
| .contact-us-content .content .contact-info { | |
| float: left; | |
| margin-bottom: 1em; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .membership, | |
| .contact-us-content .content .contact-form { | |
| padding-top: 1em; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .membership { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| text-align: left; } | |
| .contact-us-content .content .membership:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .telephone { | |
| font-size: 1.25em; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content p, | |
| .contact-us-content .content .contact-info { | |
| line-height: 1.5em; | |
| font-size: .9em; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .contact-form { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| margin-right: 0; | |
| border-left: 1px solid #f8a755; | |
| padding-left: 3%; } | |
| .contact-us-content .content .contact-form:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .contact-form form { | |
| margin: 1em 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .name, | |
| .contact-us-content .content .email, | |
| .contact-us-content .content .company { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 31.76157%; } | |
| .contact-us-content .content .name:last-child, | |
| .contact-us-content .content .email:last-child, | |
| .contact-us-content .content .company:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .company { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .content .message { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; } | |
| .contact-us-content .content .message:last-child { | |
| margin-right: 0; } } | |
| .contact-us-content .telephone { | |
| font-size: 1.5em; | |
| font-weight: bold; } | |
| @media screen and (min-width: 47.5em) { | |
| .contact-us-content .telephone { | |
| font-size: 1em; } } | |
| .contact-us-content .btn-primary { | |
| margin: 1em 0 1.5em; } | |
| .footer-primary { | |
| background-color: #212424; | |
| color: #cccccc; | |
| float: left; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary { | |
| padding: 1em 2%; } } | |
| .footer-primary a { | |
| color: #cccccc; | |
| text-decoration: none; } | |
| .footer-primary a:visited { | |
| color: #cccccc; | |
| text-decoration: none; } | |
| .footer-primary a:hover, .footer-primary a:active { | |
| color: #b3b3b3; } | |
| .footer-primary .mobile-button { | |
| cursor: pointer; | |
| font-size: 1.5em; | |
| padding: .5em; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .mobile-button { | |
| display: none; } } | |
| .footer-primary .nav-footer { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .nav-footer { | |
| display: block; | |
| float: left; | |
| width: 100%; } } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .nav-footer ul { | |
| background: none; } } | |
| .footer-primary .nav-footer ul li { | |
| font-size: 1em; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .nav-footer ul li { | |
| border: none; | |
| padding: inherit; } } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .nav-footer ul ul { | |
| background: none; | |
| margin-left: 2em; } } | |
| .footer-primary .nav-footer ul ul a { | |
| color: #999999; | |
| text-decoration: none; } | |
| .footer-primary .nav-footer ul ul a:visited { | |
| color: #999999; | |
| text-decoration: none; } | |
| .footer-primary .nav-footer ul ul a:hover, .footer-primary .nav-footer ul ul a:active { | |
| color: gray; } | |
| .footer-primary .nav-footer ul ul li { | |
| font-size: .9em; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .nav-footer ul ul li { | |
| padding-left: 0; } } | |
| .footer-primary .mobile-footer-nav { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .mobile-footer-nav { | |
| display: none; } } | |
| .footer-primary .mobile-footer-nav a { | |
| border-bottom: 1px solid #212424; | |
| padding: 1em; } | |
| .footer-primary .mobile-footer-nav ul li { | |
| background-color: #444444; | |
| font-size: 1em; } | |
| .footer-primary .mobile-footer-nav ul li ul.sub-menu a { | |
| background-color: #3b3b3b; | |
| font-size: 1.3em; | |
| font-weight: normal; | |
| padding-left: 3em; | |
| text-decoration: none; } | |
| .footer-primary .column { | |
| float: none; | |
| width: 100%; | |
| margin: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .column { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; } | |
| .footer-primary .column:last-child { | |
| margin-right: 0; } } | |
| .footer-primary .community { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .community { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| border-right: 1px solid #999999; | |
| padding-top: 1em; } | |
| .footer-primary .community:last-child { | |
| margin-right: 0; } } | |
| .footer-primary .awards { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .awards { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-top: 1em; } | |
| .footer-primary .awards:last-child { | |
| margin-right: 0; } } | |
| .footer-primary .awards li { | |
| display: inline; } | |
| .footer-primary .awards li a { | |
| background: url("../img/abbc.sprite-awards.png") 0 0 no-repeat; | |
| float: left; | |
| height: 77px; | |
| margin-right: 1.5em; | |
| width: 75px; } | |
| .footer-primary .awards li a.consumer-education-support { | |
| background-position: -105px 0; | |
| width: 90px; } | |
| .footer-primary .awards li a.ncqa-accreditation { | |
| background-position: -210px 0; } | |
| .footer-primary .awards li a.ncqa-audited { | |
| background-position: -312px 0; } | |
| .footer-primary .social { | |
| background-color: #444444; | |
| float: left; | |
| margin-bottom: 2em; | |
| padding: 2em 0; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .social { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 14.70196%; | |
| background: none; | |
| float: right; | |
| margin-bottom: .5em; | |
| padding: 0; } | |
| .footer-primary .social:last-child { | |
| margin-right: 0; } } | |
| .footer-primary .social ul { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; } | |
| .footer-primary .social ul:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .social ul { | |
| float: right; | |
| padding-right: 2em; } } | |
| .footer-primary .social ul li { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 31.76157%; } | |
| .footer-primary .social ul li:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .social ul li { | |
| display: block; | |
| margin: 0 0 .5em; | |
| width: 100%; } } | |
| .footer-primary .social ul li a { | |
| background: url("../img/c3dc.sprite-social.png") -2px 0 no-repeat; | |
| display: block; | |
| height: 40px; | |
| margin: 0 auto; | |
| width: 40px; } | |
| .footer-primary .social ul li a.vimeo { | |
| background-position: -46px 0; } | |
| .footer-primary .social ul li a.youtube { | |
| background-position: -90px 0; } | |
| .footer-primary .contact-information { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; | |
| margin-left: 17.05961%; | |
| color: #999999; | |
| text-align: center; } | |
| .footer-primary .contact-information:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .contact-information { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| margin-right: 0; | |
| text-align: right; | |
| margin-left: 0; | |
| margin-right: 0; } | |
| .footer-primary .contact-information:last-child { | |
| margin-right: 0; } } | |
| .footer-primary .contact-information strong { | |
| color: white; } | |
| .footer-primary .copyright { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .footer-primary .copyright { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; } | |
| .footer-primary .copyright:last-child { | |
| margin-right: 0; } } | |
| /* Components | |
| * -----------------------------------------------------------------------------*/ | |
| .popover .popover-content ul ul { | |
| margin-left: 1em; } | |
| .popover .popover-content ul ul li { | |
| list-style-type: disc; } | |
| .fa-stack { | |
| font-size: .6em; } | |
| /* Pages | |
| * -----------------------------------------------------------------------------*/ | |
| .home .hero { | |
| float: left; | |
| position: relative; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero { | |
| background: #d9edf8 url("../img/b516.bg-hills.jpg") left bottom no-repeat; | |
| padding: 1em 0 2em; } } | |
| .home .hero .bike-large { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .bike-large { | |
| background: url("../img/56d4.bg-bike.png") 0 0 no-repeat; | |
| bottom: 0; | |
| display: block; | |
| height: 222px; | |
| position: absolute; | |
| right: 0; | |
| width: 203px; } } | |
| @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 47.5em) and (min-resolution: 192dpi), only screen and (min-width: 47.5em) and (min-resolution: 2dppx) { | |
| .home .hero .bike-large { | |
| background-image: url("../img/3224.bg-bike_2x.png"); } } | |
| @media screen and (min-width: 75em) { | |
| .home .hero .bike-large { | |
| background: url("../img/3224.bg-bike_2x.png") 0 0 no-repeat; | |
| bottom: 0; | |
| display: block; | |
| height: 433px; | |
| position: absolute; | |
| right: 0; | |
| width: 405px; } } | |
| .home .hero form { | |
| position: relative; } | |
| .home .hero form .help { | |
| color: #999999; | |
| cursor: help; | |
| position: absolute; | |
| right: 1em; | |
| width: 2em; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero form .help { | |
| right: 2em; } } | |
| .home .hero form .help.username { | |
| top: 13px; } | |
| .home .hero form .help.password { | |
| top: 79px; } | |
| .home .hero .help-link { | |
| color: #999999; | |
| display: inline-block; | |
| margin-top: .75em; | |
| text-decoration: underline; } | |
| .home .hero .cta { | |
| background: url("../img/edb6.bg-hills-mobile.jpg") center bottom repeat-x; | |
| background-color: #d9edf8; | |
| padding: 1em 0; | |
| position: relative; | |
| text-align: center; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; } | |
| .home .hero .cta:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .cta { | |
| background: none; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 57.35098%; | |
| float: right; | |
| margin-top: 4em; | |
| text-align: left; } | |
| .home .hero .cta:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 67.5em) { | |
| .home .hero .cta { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 61.61588%; | |
| margin-left: 4.2649%; | |
| float: right; } | |
| .home .hero .cta:last-child { | |
| margin-right: 0; } } | |
| .home .hero .cta .wrapper { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; | |
| margin-left: 17.05961%; } | |
| .home .hero .cta .wrapper:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .cta .wrapper { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; } | |
| .home .hero .cta .wrapper:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 67.5em) { | |
| .home .hero .cta .wrapper { | |
| margin-left: 0; } } | |
| .home .hero .cta .bike-small { | |
| background: url("../img/f2e8.bg-bike-mobile.png") 0 0 no-repeat; | |
| bottom: 0; | |
| height: 165px; | |
| position: absolute; | |
| right: 0; | |
| width: 70px; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .cta .bike-small { | |
| display: none; } } | |
| .home .hero .cta .cta-title { | |
| font-weight: 100; | |
| margin-bottom: .5em; } | |
| .home .hero .member-actions { | |
| background-color: white; | |
| padding: 1em 0; | |
| text-align: center; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; } | |
| .home .hero .member-actions:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions { | |
| background: none; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 31.76157%; | |
| margin-left: 8.5298%; } | |
| .home .hero .member-actions:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 67.5em) { | |
| .home .hero .member-actions { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; } | |
| .home .hero .member-actions:last-child { | |
| margin-right: 0; } } | |
| .home .hero .member-actions .title { | |
| margin-bottom: .5em; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .title { | |
| border-top: 1px solid #f68b1f; | |
| background: #f68b1f; | |
| color: white; | |
| font-size: 1.5em; | |
| padding: .5em 0; | |
| text-decoration: none; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; } } | |
| .home .hero .member-actions .member-login { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; } | |
| .home .hero .member-actions .member-login:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .member-login { | |
| background: white; | |
| float: left; | |
| margin: 0; | |
| width: 260px; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .member-login form { | |
| padding: 0 1em; } } | |
| .home .hero .member-actions .member-login input { | |
| margin-bottom: 1em; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .member-login .btn-secondary { | |
| display: none; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .member-login p { | |
| font-size: .8em; } } | |
| .home .hero .member-actions .new-user { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .new-user { | |
| background: white; | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-top: 1em; | |
| padding-bottom: .5em; | |
| width: 260px; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .hero .member-actions .new-user .title { | |
| background: #0077c0; | |
| border-top: 1px solid #0077c0; } } | |
| .home .title { | |
| margin-bottom: 1em; | |
| text-decoration: underline; } | |
| .home .sales-pitch { | |
| background: #212424; | |
| color: white; | |
| float: left; | |
| padding: 4em 0; | |
| text-align: center; | |
| width: 100%; } | |
| .home .sales-pitch .wrapper { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; } | |
| .home .sales-pitch .wrapper:last-child { | |
| margin-right: 0; } | |
| .home .sales-pitch p { | |
| font-size: 1.5em; | |
| line-height: 1.5em; } | |
| .home .featurettes { | |
| background-color: white; | |
| float: left; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .featurettes { | |
| float: left; | |
| padding: 2em 2%; | |
| width: 100%; } } | |
| .home .featurettes .column { | |
| margin-top: 1em; | |
| text-align: center; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; } | |
| .home .featurettes .column:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .featurettes .column { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 27.49666%; | |
| margin-left: 4.2649%; | |
| text-align: left; } | |
| .home .featurettes .column:last-child { | |
| margin-right: 0; } } | |
| .home .featurettes .column h5 { | |
| margin: .5em 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .featurettes .column p { | |
| font-weight: 100; | |
| text-align: left; } } | |
| .home .featurettes .column p.description { | |
| font-size: .9em; | |
| line-height: 1.5em; | |
| margin-top: 1em; } | |
| .home .featurettes a { | |
| text-decoration: underline; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .contact-us { | |
| background: #eeeeee; } } | |
| .home .contact-us.bottom { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .contact-us.bottom { | |
| display: block; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .contact-us.top .contact-us-header { | |
| height: 0; | |
| position: relative; | |
| right: 0; | |
| top: -40px; } } | |
| .home .testimonials { | |
| float: left; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials { | |
| background: #eeeeee; | |
| padding-top: 3em; } } | |
| .home .testimonials .wrapper { | |
| margin-top: 1em; | |
| text-align: center; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; | |
| margin-left: 17.05961%; } | |
| .home .testimonials .wrapper:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials .wrapper { | |
| float: left; | |
| margin: 0; | |
| width: 100%; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials .testimonial-content { | |
| *zoom: 1; | |
| max-width: 68em; | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .home .testimonials .testimonial-content:before, .home .testimonials .testimonial-content:after { | |
| content: " "; | |
| display: table; } | |
| .home .testimonials .testimonial-content:after { | |
| clear: both; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials .testimonial-content .title { | |
| display: none; } } | |
| .home .testimonials .image { | |
| margin-bottom: .5em; } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials .image { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 14.70196%; | |
| margin-left: 8.5298%; } | |
| .home .testimonials .image:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| .home .testimonials .testimonial { | |
| text-align: left; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| margin-right: 0; } | |
| .home .testimonials .testimonial:last-child { | |
| margin-right: 0; } } | |
| .home .testimonials .statement { | |
| font-style: italic; | |
| font-weight: 100; | |
| margin-bottom: 1em; } | |
| .home .testimonials .position { | |
| font-weight: 100; } | |
| .home .testimonials .btn-wrapper { | |
| float: left; | |
| width: 100%; } | |
| .home .testimonials .btn-wrapper .btn-primary { | |
| margin: 1em 0 3em; | |
| width: 200px; } | |
| body.interior .header-primary { | |
| border-bottom: 1px solid #cccccc; } | |
| body.interior .banner { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .banner { | |
| background: #d9edf8 url("../img/732c.interior-bike.png") right 30% no-repeat; | |
| display: block; | |
| height: 8em; | |
| padding: 0 2%; } } | |
| body.interior .banner h1 { | |
| font-size: 3em; | |
| font-weight: 100; | |
| margin-top: .6em; } | |
| body.interior .contact-us.top { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .contact-us.top { | |
| display: block; } } | |
| body.interior .content-wrapper { | |
| float: left; | |
| padding: 2em 2%; | |
| text-align: center; | |
| width: 100%; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .content-wrapper { | |
| text-align: left; } } | |
| body.interior .content-wrapper h2 { | |
| font-weight: 100; | |
| margin-bottom: .25em; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .content-wrapper .content { | |
| border-right: 1px solid #cccccc; | |
| padding-right: 3%; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; } | |
| body.interior .content-wrapper .content:last-child { | |
| margin-right: 0; } } | |
| body.interior .content-wrapper aside { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .content-wrapper aside { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; } | |
| body.interior .content-wrapper aside:last-child { | |
| margin-right: 0; } } | |
| body.interior .content-wrapper aside a { | |
| color: black; | |
| text-decoration: none; } | |
| body.interior .content-wrapper aside a:visited { | |
| color: black; | |
| text-decoration: none; } | |
| body.interior .content-wrapper aside a:hover, body.interior .content-wrapper aside a:active { | |
| color: #4d4d4d; } | |
| body.interior .content-wrapper .btn-primary { | |
| display: block; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .content-wrapper form { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 65.88078%; } | |
| body.interior .content-wrapper form:last-child { | |
| margin-right: 0; } } | |
| body.interior aside .widget { | |
| float: left; | |
| margin-top: 2em; } | |
| body.interior aside .widget.testimony .image { | |
| border: 1px solid #ddd; } | |
| body.interior aside .widget.testimony .statement { | |
| color: #999999; | |
| margin: 1em 0; | |
| font-style: italic; } | |
| body.interior aside .widget.testimony .btn-primary { | |
| display: none; } | |
| body.interior aside .widget.menu-pages ul ul { | |
| float: left; | |
| margin-bottom: 1em; } | |
| body.interior aside .widget.menu-pages li { | |
| font-size: .9em; | |
| margin: 0; } | |
| body.interior aside .widget.menu-pages li.category { | |
| font-size: 1em; | |
| font-weight: bold; | |
| text-decoration: underline; } | |
| body.interior .people .person { | |
| float: left; | |
| margin: 2em 0; } | |
| body.interior .people .person .person-info { | |
| margin-bottom: 1em; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 91.4702%; | |
| margin-left: 8.5298%; } | |
| body.interior .people .person .person-info:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-info { | |
| margin: 0; | |
| width: 100%; } } | |
| body.interior .people .person .person-thumb { | |
| margin-left: 8.5298%; | |
| float: left; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-thumb { | |
| margin-left: 0; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 14.70196%; } | |
| body.interior .people .person .person-thumb:last-child { | |
| margin-right: 0; } } | |
| body.interior .people .person .person-thumb img { | |
| height: 100px; | |
| width: 100px; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-thumb img { | |
| height: 100%; | |
| width: 100%; } } | |
| body.interior .people .person .person-meta { | |
| float: left; | |
| margin: 1.5em 0 0 1em; | |
| text-align: left; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-meta.mobile { | |
| display: none; } } | |
| body.interior .people .person .person-meta.medium-screen { | |
| display: none; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-meta.medium-screen { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 17.05961%; | |
| margin-right: 0; } | |
| body.interior .people .person .person-meta.medium-screen:last-child { | |
| margin-right: 0; } } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-meta { | |
| margin: .5em 0 0 0; } } | |
| body.interior .people .person .person-meta .name { | |
| color: #0077c0; | |
| font-size: 1.3em; | |
| font-weight: bold; | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 100%; } | |
| body.interior .people .person .person-meta .name:last-child { | |
| margin-right: 0; } | |
| body.interior .people .person .person-description { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-left: 8.5298%; | |
| font-size: .9em; | |
| margin-top: 1em; } | |
| body.interior .people .person .person-description:last-child { | |
| margin-right: 0; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person .person-description { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 82.94039%; | |
| margin-right: 0; | |
| margin-left: 0; | |
| margin-top: 0; } | |
| body.interior .people .person .person-description:last-child { | |
| margin-right: 0; } } | |
| body.interior .people .person a { | |
| color: #0077c0; | |
| text-decoration: none; | |
| display: block; | |
| font-size: 1.25em; | |
| font-weight: bold; | |
| margin-top: 1em; | |
| text-decoration: underline; } | |
| body.interior .people .person a:visited { | |
| color: #0077c0; | |
| text-decoration: none; } | |
| body.interior .people .person a:hover, body.interior .people .person a:active { | |
| color: #00578d; } | |
| @media screen and (min-width: 47.5em) { | |
| body.interior .people .person a { | |
| display: inline; | |
| font-size: 1em; } } | |
| body.interior.testimonials .person-description { | |
| font-style: italic; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment