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