Skip to content

Instantly share code, notes, and snippets.

@rianrainey

rianrainey/style.css

Created Mar 12, 2014
Embed
What would you like to do?
4/12/14 Dump of CSS
/*! 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