li:last-child:after {
display: none;
}
/*------------------------------------*\
$BREADCRUMB
\*------------------------------------*/
/**
* Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
*
- Home
- About
- The Board
- Directors
*
* Demo: jsfiddle.net/inuitcss/rkAY9
*
*/
.breadcrumb > li + li:before {
content: "\00BB" "\00A0";
}
/**
* For denoting a path-like structure, GitHub style, e.g.:
*
- inuit.css
- inuit.css
- partials
- objects
*
*/
.breadcrumb--path > li + li:before {
content: "\002F" "\00A0";
}
/**
* Assign a delimiter on the fly through a data attribute, e.g.:
*
- Home
- About
- The Board
- Directors
*
*/
.breadcrumb > li + li[data-breadcrumb]:before {
content: attr(data-breadcrumb) "\00A0";
}
/**
* Denote the root of the tree.
*/
.breadcrumb__root {
font-weight: bold;
}
/*------------------------------------*\
$BEAUTONS.CSS
\*------------------------------------*/
/**
* beautons is a beautifully simple button toolkit.
*
* LICENSE
*
* Copyright 2013 Harry Roberts
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
/*!*
*
* @csswizardry -- csswizardry.com/beautons
*
*/
/*------------------------------------*\
$BASE
\*------------------------------------*/
/**
* Base button styles.
*
* 1. Allow us to better style box model properties.
* 2. Line different sized buttons up a little nicer.
* 3. Stop buttons wrapping and looking broken.
* 4. Make buttons inherit font styles.
* 5. Force all elements using beautons to appear clickable.
* 6. Normalise box model styles.
* 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
* there is 1em of space above and below that text. We therefore apply 1em
* of space to the left and right, as padding, to keep consistent spacing.
* 8. Basic cosmetics for default buttons. Change or override at will.
* 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
*/
.btn {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
white-space: nowrap;
/* [3] */
font-family: inherit;
/* [4] */
font-size: 100%;
/* [4] */
cursor: pointer;
/* [5] */
border: none;
/* [6] */
margin: 0;
/* [6] */
padding-top: 0;
/* [6] */
padding-bottom: 0;
/* [6] */
line-height: 3;
/* [7] */
padding-right: 1em;
/* [7] */
padding-left: 1em;
/* [7] */
border-radius: 4px;
/* [8] */
}
.btn, .btn:hover {
text-decoration: none;
/* [9] */
}
.btn:active, .btn:focus {
outline: none;
}
/*------------------------------------*\
$SIZES
\*------------------------------------*/
/**
* Button size modifiers.
*
* These all follow the same sizing rules as above; text is 1em, space around it
* remains uniform.
*/
.btn--small {
padding-right: 0.5em;
padding-left: 0.5em;
line-height: 2;
}
.btn--large {
padding-right: 1.5em;
padding-left: 1.5em;
line-height: 4;
}
.btn--huge {
padding-right: 2em;
padding-left: 2em;
line-height: 5;
}
/**
* These buttons will fill the entirety of their container.
*
* 1. Remove padding so that widths and paddings don’t conflict.
*/
.btn--full {
width: 100%;
padding-right: 0;
/* [1] */
padding-left: 0;
/* [1] */
text-align: center;
}
/*------------------------------------*\
$FONT-SIZES
\*------------------------------------*/
/**
* Button font-size modifiers.
*/
.btn--alpha {
font-size: 3rem;
}
.btn--beta {
font-size: 2rem;
}
.btn--gamma {
font-size: 1rem;
}
/**
* Make the button inherit sizing from its parent.
*/
.btn--natural {
vertical-align: baseline;
font-size: inherit;
line-height: inherit;
padding-right: 0.5em;
padding-left: 0.5em;
}
/*------------------------------------*\
$FUNCTIONS
\*------------------------------------*/
/**
* Button function modifiers.
*/
/**
* Positive actions; e.g. sign in, purchase, submit, etc.
*/
.btn--positive {
background-color: #4A993E;
color: #fff;
}
/**
* Negative actions; e.g. close account, delete photo, remove friend, etc.
*/
.btn--negative {
background-color: #b33630;
color: #fff;
}
/**
* Inactive, disabled buttons.
*
* 1. Make the button look like normal text when hovered.
*/
.btn--inactive,
.btn--inactive:hover,
.btn--inactive:active,
.btn--inactive:focus {
background-color: #ddd;
color: #777;
cursor: text;
/* [1] */
}
/*------------------------------------*\
$STYLES
\*------------------------------------*/
/**
* Button style modifiers.
*
* 1. Use an overly-large number to ensure completely rounded, pill-like ends.
*/
.btn--soft {
border-radius: 200px;
/* [1] */
}
.btn--hard {
border-radius: 0;
}
/*------------------------------------*\
$LOZENGES
\*------------------------------------*/
/**
* Create pill- and lozenge-like runs of text, e.g.:
*
This here is a pill!
*
This here is also a lozenge!
*
* Pills have fully rounded ends, lozenges have only their corners rounded.
*
* Demo: jsfiddle.net/inuitcss/N3pGm
*
*/
.pill, .loz, .badge {
display: inline-block;
/**
* These numbers set in ems mean that, at its narrowest, a lozenge will be
* the same width as the `line-height` set on the `html` element.
* This allows us to use the `.loz` in almost any `font-size` we wish.
*/
min-width: 0.97436em;
padding-right: 0.24359em;
padding-left: 0.24359em;
/* =1.50em */
text-align: center;
background-color: #d1d1d1;
color: #fff;
/* Override this color in your theme stylesheet */
/**
* Normally we’d use border-radius:100%; but instead here we just use an
* overly large number; `border-radius:100%;` would create an oval on
* non-square elements whereas we just want to round the ends of an element.
*/
border-radius: 100px;
}
.loz {
border-radius: 4px;
}
/*------------------------------------*\
$WIDTHS
\*------------------------------------*/
/**
* Sizes in human readable format. These are used in conjunction with other
* objects and abstractions found in inuit.css, most commonly the grid system
* and faux flexbox.
*
* We have a mixin to generate our widths and their breakpoint-specific
* variations.
*/
/**
* Whole
*/
.one-whole {
width: 100%;
}
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
width: 33.333%;
}
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
width: 25%;
}
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%;
}
.two-fifths, .four-tenths {
width: 40%;
}
.three-fifths, .six-tenths {
width: 60%;
}
.four-fifths, .eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.one-sixth, .two-twelfths {
width: 16.666%;
}
.five-sixths, .ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.one-eighth {
width: 12.5%;
}
.three-eighths {
width: 37.5%;
}
.five-eighths {
width: 62.5%;
}
.seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.one-tenth {
width: 10%;
}
.three-tenths {
width: 30%;
}
.seven-tenths {
width: 70%;
}
.nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.one-twelfth {
width: 8.333%;
}
.five-twelfths {
width: 41.666%;
}
.seven-twelfths {
width: 58.333%;
}
.eleven-twelfths {
width: 91.666%;
}
/**
* If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
* access to these classes. You can define at which breakpoint you’d like an
* element to be a certain size, e.g.:
*
* ` ...
`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 767px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%;
}
/**
* Halves
*/
.palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.palm-one-third, .palm-two-sixths, .palm-four-twelfths {
width: 33.333%;
}
.palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
width: 25%;
}
.palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.palm-one-fifth, .palm-two-tenths {
width: 20%;
}
.palm-two-fifths, .palm-four-tenths {
width: 40%;
}
.palm-three-fifths, .palm-six-tenths {
width: 60%;
}
.palm-four-fifths, .palm-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%;
}
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%;
}
.palm-three-eighths {
width: 37.5%;
}
.palm-five-eighths {
width: 62.5%;
}
.palm-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.palm-one-tenth {
width: 10%;
}
.palm-three-tenths {
width: 30%;
}
.palm-seven-tenths {
width: 70%;
}
.palm-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.palm-one-twelfth {
width: 8.333%;
}
.palm-five-twelfths {
width: 41.666%;
}
.palm-seven-twelfths {
width: 58.333%;
}
.palm-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%;
}
/**
* Halves
*/
.lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.lap-one-third, .lap-two-sixths, .lap-four-twelfths {
width: 33.333%;
}
.lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
width: 25%;
}
.lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.lap-one-fifth, .lap-two-tenths {
width: 20%;
}
.lap-two-fifths, .lap-four-tenths {
width: 40%;
}
.lap-three-fifths, .lap-six-tenths {
width: 60%;
}
.lap-four-fifths, .lap-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%;
}
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%;
}
.lap-three-eighths {
width: 37.5%;
}
.lap-five-eighths {
width: 62.5%;
}
.lap-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.lap-one-tenth {
width: 10%;
}
.lap-three-tenths {
width: 30%;
}
.lap-seven-tenths {
width: 70%;
}
.lap-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.lap-one-twelfth {
width: 8.333%;
}
.lap-five-twelfths {
width: 41.666%;
}
.lap-seven-twelfths {
width: 58.333%;
}
.lap-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 768px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%;
}
/**
* Halves
*/
.lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
width: 33.333%;
}
.lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
width: 25%;
}
.lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width: 20%;
}
.lap-and-up-two-fifths, .lap-and-up-four-tenths {
width: 40%;
}
.lap-and-up-three-fifths, .lap-and-up-six-tenths {
width: 60%;
}
.lap-and-up-four-fifths, .lap-and-up-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width: 16.666%;
}
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.lap-and-up-one-eighth {
width: 12.5%;
}
.lap-and-up-three-eighths {
width: 37.5%;
}
.lap-and-up-five-eighths {
width: 62.5%;
}
.lap-and-up-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.lap-and-up-one-tenth {
width: 10%;
}
.lap-and-up-three-tenths {
width: 30%;
}
.lap-and-up-seven-tenths {
width: 70%;
}
.lap-and-up-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.lap-and-up-one-twelfth {
width: 8.333%;
}
.lap-and-up-five-twelfths {
width: 41.666%;
}
.lap-and-up-seven-twelfths {
width: 58.333%;
}
.lap-and-up-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%;
}
/**
* Halves
*/
.portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.portable-one-third, .portable-two-sixths, .portable-four-twelfths {
width: 33.333%;
}
.portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
width: 25%;
}
.portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.portable-one-fifth, .portable-two-tenths {
width: 20%;
}
.portable-two-fifths, .portable-four-tenths {
width: 40%;
}
.portable-three-fifths, .portable-six-tenths {
width: 60%;
}
.portable-four-fifths, .portable-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%;
}
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%;
}
.portable-three-eighths {
width: 37.5%;
}
.portable-five-eighths {
width: 62.5%;
}
.portable-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.portable-one-tenth {
width: 10%;
}
.portable-three-tenths {
width: 30%;
}
.portable-seven-tenths {
width: 70%;
}
.portable-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.portable-one-twelfth {
width: 8.333%;
}
.portable-five-twelfths {
width: 41.666%;
}
.portable-seven-twelfths {
width: 58.333%;
}
.portable-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%;
}
/**
* Halves
*/
.desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
width: 50%;
}
/**
* Thirds
*/
.desk-one-third, .desk-two-sixths, .desk-four-twelfths {
width: 33.333%;
}
.desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
.desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
width: 25%;
}
.desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%;
}
.desk-two-fifths, .desk-four-tenths {
width: 40%;
}
.desk-three-fifths, .desk-six-tenths {
width: 60%;
}
.desk-four-fifths, .desk-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%;
}
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%;
}
.desk-three-eighths {
width: 37.5%;
}
.desk-five-eighths {
width: 62.5%;
}
.desk-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.desk-one-tenth {
width: 10%;
}
.desk-three-tenths {
width: 30%;
}
.desk-seven-tenths {
width: 70%;
}
.desk-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%;
}
.desk-five-twelfths {
width: 41.666%;
}
.desk-seven-twelfths {
width: 58.333%;
}
.desk-eleven-twelfths {
width: 91.666%;
}
}
/**
* Whole
*/
.push--one-whole {
left: 100%;
}
/**
* Halves
*/
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
.push--one-third, .push--two-sixths, .push--four-twelfths {
left: 33.333%;
}
.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
left: 25%;
}
.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
.push--one-fifth, .push--two-tenths {
left: 20%;
}
.push--two-fifths, .push--four-tenths {
left: 40%;
}
.push--three-fifths, .push--six-tenths {
left: 60%;
}
.push--four-fifths, .push--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
.push--one-sixth, .push--two-twelfths {
left: 16.666%;
}
.push--five-sixths, .push--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
.push--one-eighth {
left: 12.5%;
}
.push--three-eighths {
left: 37.5%;
}
.push--five-eighths {
left: 62.5%;
}
.push--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
.push--one-tenth {
left: 10%;
}
.push--three-tenths {
left: 30%;
}
.push--seven-tenths {
left: 70%;
}
.push--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
.push--one-twelfth {
left: 8.333%;
}
.push--five-twelfths {
left: 41.666%;
}
.push--seven-twelfths {
left: 58.333%;
}
.push--eleven-twelfths {
left: 91.666%;
}
/**
* Not a particularly great selector, but the DRYest way to do things.
*/
[class*="push--"] {
position: relative;
}
/**
* Not a particularly great selector, but the DRYest way to do things.
*/
[class*="pull--"] {
position: relative;
}
/**
* Whole
*/
.pull--one-whole {
right: 100%;
}
/**
* Halves
*/
.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
right: 50%;
}
/**
* Thirds
*/
.pull--one-third, .pull--two-sixths, .pull--four-twelfths {
right: 33.333%;
}
.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths {
right: 66.666%;
}
/**
* Quarters
*/
.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
right: 25%;
}
.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
right: 75%;
}
/**
* Fifths
*/
.pull--one-fifth, .pull--two-tenths {
right: 20%;
}
.pull--two-fifths, .pull--four-tenths {
right: 40%;
}
.pull--three-fifths, .pull--six-tenths {
right: 60%;
}
.pull--four-fifths, .pull--eight-tenths {
right: 80%;
}
/**
* Sixths
*/
.pull--one-sixth, .pull--two-twelfths {
right: 16.666%;
}
.pull--five-sixths, .pull--ten-twelfths {
right: 83.333%;
}
/**
* Eighths
*/
.pull--one-eighth {
right: 12.5%;
}
.pull--three-eighths {
right: 37.5%;
}
.pull--five-eighths {
right: 62.5%;
}
.pull--seven-eighths {
right: 87.5%;
}
/**
* Tenths
*/
.pull--one-tenth {
right: 10%;
}
.pull--three-tenths {
right: 30%;
}
.pull--seven-tenths {
right: 70%;
}
.pull--nine-tenths {
right: 90%;
}
/**
* Twelfths
*/
.pull--one-twelfth {
right: 8.333%;
}
.pull--five-twelfths {
right: 41.666%;
}
.pull--seven-twelfths {
right: 58.333%;
}
.pull--eleven-twelfths {
right: 91.666%;
}
/*------------------------------------*\
$BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: "Helvetica Neue", sans-serif!important;
color: #3273a9!important;
}
.brand-face {
font-family: "Helvetica Neue", sans-serif!important;
}
.brand-color,
.brand-colour {
color: #3273a9!important;
}
/*------------------------------------*\
$HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important;
}
.float--left {
float: left !important;
}
.float--none {
float: none !important;
}
/**
* Text alignment
*/
.text--left {
text-align: left !important;
}
.text--center {
text-align: center !important;
}
.text--right {
text-align: right !important;
}
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important;
}
.weight--normal {
font-weight: 400 !important;
}
.weight--semibold {
font-weight: 600 !important;
}
/**
* Add/remove margins
*/
.push {
margin: 19px !important;
}
.push--top {
margin-top: 19px !important;
}
.push--right {
margin-right: 19px !important;
}
.push--bottom {
margin-bottom: 19px !important;
}
.push--left {
margin-left: 19px !important;
}
.push--ends {
margin-top: 19px !important;
margin-bottom: 19px !important;
}
.push--sides {
margin-right: 19px !important;
margin-left: 19px !important;
}
.push-half {
margin: 9.5px !important;
}
.push-half--top {
margin-top: 9.5px !important;
}
.push-half--right {
margin-right: 9.5px !important;
}
.push-half--bottom {
margin-bottom: 9.5px !important;
}
.push-half--left {
margin-left: 9.5px !important;
}
.push-half--ends {
margin-top: 9.5px !important;
margin-bottom: 9.5px !important;
}
.push-half--sides {
margin-right: 9.5px !important;
margin-left: 9.5px !important;
}
.flush {
margin: 0 !important;
}
.flush--top {
margin-top: 0 !important;
}
.flush--right {
margin-right: 0 !important;
}
.flush--bottom {
margin-bottom: 0 !important;
}
.flush--left {
margin-left: 0 !important;
}
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important;
}
/**
* Add/remove paddings
*/
.soft {
padding: 19px !important;
}
.soft--top {
padding-top: 19px !important;
}
.soft--right {
padding-right: 19px !important;
}
.soft--bottom {
padding-bottom: 19px !important;
}
.soft--left {
padding-left: 19px !important;
}
.soft--ends {
padding-top: 19px !important;
padding-bottom: 19px !important;
}
.soft--sides {
padding-right: 19px !important;
padding-left: 19px !important;
}
.soft-half {
padding: 9.5px !important;
}
.soft-half--top {
padding-top: 9.5px !important;
}
.soft-half--right {
padding-right: 9.5px !important;
}
.soft-half--bottom {
padding-bottom: 9.5px !important;
}
.soft-half--left {
padding-left: 9.5px !important;
}
.soft-half--ends {
padding-top: 9.5px !important;
padding-bottom: 9.5px !important;
}
.soft-half--sides {
padding-right: 9.5px !important;
padding-left: 9.5px !important;
}
.hard {
padding: 0 !important;
}
.hard--top {
padding-top: 0 !important;
}
.hard--right {
padding-right: 0 !important;
}
.hard--bottom {
padding-bottom: 0 !important;
}
.hard--left {
padding-left: 0 !important;
}
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important;
}
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -19px !important;
margin-left: -19px !important;
}
.islet .full-bleed {
margin-right: -9.5px !important;
margin-left: -9.5px !important;
}
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important;
}
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
}
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
Read more...
*
*/
.proceed {
text-align: right !important;
}
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after {
content: "\00A0" "\00BB" !important;
}
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important;
}
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
@media only screen and (max-width: 767px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 768px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (max-width: 1023px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 1024px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 1200px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
/* endif */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute;
left: -99999999px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=0.9em&cornerRadius=3px&bgColorHeader=dbe5eb&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=004c91&iconColorHeader=004c91&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=004c91&iconColorContent=ff003b&bgColorDefault=dbe5eb&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=4d6d8c&iconColorDefault=666666&bgColorHover=004c91&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=004c91&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=dddddd&fcActive=ff003b&iconColorActive=454545&bgColorHighlight=dbe5eb&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=100&borderColorHighlight=dddddd&fcHighlight=69ac43&iconColorHighlight=454545&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff003b&fcError=222222&iconColorError=ff003b&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: white url(../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #004c91;
}
.ui-widget-content a {
color: #004c91;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #dbe5eb url(../images/jquery-ui/ui-bg_highlight-soft_50_dbe5eb_1x100.png) 50% 50% repeat-x;
color: #004c91;
font-weight: bold;
}
.ui-widget-header a {
color: #004c91;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
border: 1px solid #dddddd;
background: #f1f3f5 url(../images/jquery-ui/ui-bg_highlight-hard_100_f1f3f5_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #4d6d8c;
outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #4d6d8c;
text-decoration: none;
outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
border: 1px solid #004c91;
background: #004c91 url(../images/jquery-ui/ui-bg_highlight-soft_25_004c91_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #ffffff;
outline: none;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #dddddd;
background: white url(../images/jquery-ui/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #ff003b;
outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #ff003b;
outline: none;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #dddddd; background: #dbe5eb url(../images/jquery-ui/ui-bg_highlight-soft_100_dbe5eb_1x100.png) 50% top repeat-x; color: #69ac43; }*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
border: 1px solid #dddddd;
background: #dbe5eb url(../images/jquery-ui/ui-bg_highlight-soft_100_dbe5eb_1x100.png) 50% 50% top repeat-x;
color: #69ac43;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
color: #69ac43;
}
.ui-state-error, .ui-widget-content .ui-state-error {
border: 1px solid #ff003b;
background: white url(../images/jquery-ui/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-state-error a, .ui-widget-content .ui-state-error a {
color: #222222;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text {
color: #222222;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(../images/jquery-ui/ui-icons_ff003b_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_ff003b_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_004c91_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_666666_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(../images/jquery-ui/ui-icons_ff003b_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
}
.ui-corner-tr {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
}
.ui-corner-br {
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
}
.ui-corner-top {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
}
.ui-corner-right {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
}
.ui-corner-left {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
}
.ui-corner-all {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #eeeeee url(../images/jquery-ui/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
opacity: .80;
filter: Alpha(Opacity=80);
}
.ui-widget-shadow {
margin: -4px 0 0 -4px;
padding: 4px;
background: #aaaaaa url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .60;
filter: Alpha(Opacity=60);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/* Datepicker
----------------------------------*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
float: left;
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
float: right;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
background: #ffffff;
color: #004c91;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none;
/*sorry for IE5*/
display/**/: block;
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/* -moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: solid #fff 5px;
left: -5px;
background: #fff; */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: -40px;
/*background: url(../images/controls.png) no-repeat 0 -32px;*/
}
.bx-wrapper .bx-prev:after {
content: "\21";
}
.bx-wrapper .bx-next {
right: -40px;
/*background: url(../images/controls.png) no-repeat -43px -32px;*/
}
.bx-wrapper .bx-next:after {
content: "\24";
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
display: block;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 0;
padding-top: 32px;
overflow: hidden;
z-index: 9999;
background-color: #e1e5ec;
color: #798fa4;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border-radius: 32px;
opacity: .8;
-webkit-transform: translateZ(0);
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-ms-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}
.bx-wrapper .bx-controls-direction a:after {
font-family: 'alphametrics';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 30px;
line-height: 32px;
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
z-index: 10000;
}
.bx-wrapper .bx-controls-direction a:hover {
opacity: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
opacity: .5;
cursor: default;
}
.bx-wrapper .bx-controls-direction a.disabled:hover {
opacity: .5;
}
.no-opacity .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666666 \9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* IE10 Metro responsive
Required for Windows 8 Metro split-screen snapping with IE10
Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */
@-ms-viewport {
width: device-width;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="icon-"] {
-ms-zoom: 1;
}
body {
color: #282828;
background-color: #e8e8e8;
font-family: "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
text-align: center;
}
/* Max width, to prevent things going too wide */
@media screen and (min-width: 1024px) {
.container {
max-width: 1280px;
margin: 0 auto !important;
position: relative;
}
}
@media screen and (min-width: 768px) {
.content-wrapper {
text-align: left;
}
}
/* Skipnav links */
/* Changing any of the positioning CSS will most likely break the skip link in some browser, so if you change it, test it */
.skiplinkholder p {
margin: 0;
}
.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
display: block;
width: 99%;
position: absolute;
top: 0;
left: -400%;
z-index: 2;
/* Visual styling. Change this as desired */
color: #fff;
background: #3273a9;
text-decoration: none;
border-bottom: solid #ccc 2px;
padding: 5px;
}
.skiplinkholder a:focus, .skiplinkholder a:active {
left: 0;
top: 0;
z-index: 1002;
}
.skiptargetholder {
position: absolute;
left: -400%;
}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position:relative}
* html #skiplinkholder a:active {position:relative}
*/
/* Picturefill overrides (we assume images to be block elements by default) */
span[data-picture],
span[data-picture] span,
img {
display: block;
}
/* Typography and color basics */
a {
color: #3273a9;
text-decoration: none;
-webkit-transition: color 0.1s linear, background-color 0.1s linear;
-moz-transition: color 0.1s linear, background-color 0.1s linear;
-ms-transition: color 0.1s linear, background-color 0.1s linear;
-o-transition: color 0.1s linear, background-color 0.1s linear;
transition: color 0.1s linear, background-color 0.1s linear;
}
a:hover {
color: #1b3d5a;
}
b, strong {
font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 4.75px;
font-weight: bold;
/* and some nice ligatures, both standard and discretionary */
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}
h1 {
margin-bottom: 9.5px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
.lede,
.lead {
font-size: 16.25px;
font-size: 1.25rem;
line-height: 1.16923;
line-height: 1.4;
color: #505050;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #d1d1d1;
margin: 1em 0;
padding: 0;
}
fieldset {
border: none;
}
/* Form defaults */
:-moz-placeholder {
color: #8c8c8c;
}
:-ms-input-placeholder {
color: #8c8c8c;
}
::-webkit-input-placeholder {
color: #8c8c8c;
}
.placeholder {
color: #8c8c8c;
}
.required-label {
color: #b4b4b4;
}
/* Wider styles for required label */
@media screen and (min-width: 768px) {
.required-label {
position: absolute;
right: 20px;
top: 32px;
}
}
label,
.label,
.label-between-fields {
color: #8c8c8c;
font-weight: 500;
}
.label-between-fields {
display: block;
text-align: center;
line-height: 1;
padding-top: 2.14285714285714em;
}
.input-text + label,
.input-text + .label,
textarea + label,
textarea + .label {
margin-top: 9.5px;
}
.check-list {
text-align: left;
margin-bottom: 19px;
margin-bottom: 1.46154rem;
}
.check-list li {
position: relative;
margin-bottom: 9.5px;
margin-bottom: 0.73077rem;
}
.check-list li label,
.check-list li .label {
color: #282828;
font-weight: normal;
}
.check-list li.complete {
font-style: italic;
color: #b4b4b4;
}
.check-list li.complete label,
.check-list li.complete .label {
color: #b4b4b4;
}
.check-list li.complete h4 {
font-style: normal;
font-weight: 500;
color: #8c8c8c;
position: relative;
margin-bottom: -6.33333px;
margin-bottom: -0.48718rem;
}
.check-list input {
position: absolute;
left: 0;
top: .25em;
}
.check-list .add-list-item {
top: .75em;
}
.check-list label span {
font-size: 12px;
font-size: 0.92308rem;
color: #8c8c8c;
}
.check-list .task-label {
position: static;
left: auto;
top: auto;
margin-left: 7%;
}
.stream-add .check-list {
margin-bottom: 0;
}
/*
* Labels in check-lists
*/
.check-label,
.check-list label,
.check-list .label {
padding-left: 2em;
}
.btn {
font-weight: 500;
font-size: 16px;
font-size: 1.23077rem;
padding-left: 1.5em;
padding-right: 1.5em;
line-height: 2.5;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-ms-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.btn--positive {
background-color: #58c583;
}
.btn--positive:hover {
background-color: #3cae69;
}
.touch .input-text,
.touch textarea {
font-size: 16px;
font-size: 1.23077rem;
line-height: 1.1875;
}
.input-text,
textarea {
border: 1px solid #d1d1d1;
background: white;
width: 100%;
}
.input-text:hover,
textarea:hover {
border-color: #95bddf;
}
.input-text:focus,
textarea:focus {
outline: none;
border-color: #3273a9;
}
.input-text {
height: 2.42857142857143em;
line-height: 2.42857142857143em;
padding: 0 .75em;
}
.check-list .input-text {
width: 93%;
}
textarea {
padding: .5em .75em;
line-height: 1.35714285714286;
}
.form-actions {
color: #b4b4b4;
margin-top: 19px;
}
.form-actions .btn {
vertical-align: middle;
margin-bottom: 0 !important;
margin-right: 10px;
}
.form-actions a {
margin-left: 10px;
}
.grid--form .grid__item {
margin-bottom: 9.5px;
}
/* Container */
.container {
background-color: white;
}
/* Establishing some side padding for everything for mobile view */
.content {
padding-left: 20px;
padding-right: 20px;
}
/* Masthead */
/* Branding */
.branding {
font-weight: normal;
font-size: 28px;
line-height: 1;
padding: 27px 0 20px;
}
.branding a {
display: inline-block;
*display: inline;
*zoom: 1;
color: #3273a9;
white-space: nowrap;
max-height: 28px;
}
.branding a:hover {
color: #3273a9;
}
.branding .logo span[data-picture] {
max-width: 32px;
margin-right: 3px;
}
.branding span[data-picture],
.branding span[data-picture] span,
.branding img {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: bottom;
max-height: 28px;
line-height: 28px;
}
/* Wider styles for branding */
@media screen and (min-width: 1024px) {
.branding {
float: left;
margin-left: 20px;
}
}
/* Mobile nav styles */
/* Narrower widths */
.utility-search-desktop,
.membernav-nonmobile-wrapper,
.subnav-desktop {
display: none;
}
.utility-search-mobile {
margin: 0 20px;
}
.mobile-navbar {
background: whitesmoke;
}
.mobile-menutoggle,
.mobile-membertoggle {
width: 50px;
line-height: 50px;
}
.mobile-menutoggle.expanded,
.mobile-membertoggle.expanded {
background-color: #e1e5ec;
}
.mobile-menutoggle {
float: left;
}
.mobile-membertoggle {
float: right;
}
/* Hide member toggle on pages that don't need it */
.no-membergroups .mobile-membertoggle {
visibility: hidden;
}
.mainnav-mobile-wrapper,
.membernav-mobile-wrapper {
overflow: hidden;
max-height: 0;
background-color: whitesmoke;
-webkit-transition: max-height 0.3s ease-out, background-color 0.1s linear;
-moz-transition: max-height 0.3s ease-out, background-color 0.1s linear;
-ms-transition: max-height 0.3s ease-out, background-color 0.1s linear;
-o-transition: max-height 0.3s ease-out, background-color 0.1s linear;
transition: max-height 0.3s ease-out, background-color 0.1s linear;
}
.mainnav-mobile-wrapper.expanded,
.membernav-mobile-wrapper.expanded {
background-color: #e1e5ec;
max-height: 2000px;
-webkit-transition: max-height 0.3s ease-in, background-color 0.1s linear;
-moz-transition: max-height 0.3s ease-in, background-color 0.1s linear;
-ms-transition: max-height 0.3s ease-in, background-color 0.1s linear;
-o-transition: max-height 0.3s ease-in, background-color 0.1s linear;
transition: max-height 0.3s ease-in, background-color 0.1s linear;
}
/* Wider widths */
@media screen and (min-width: 768px) {
.mobile-navbar {
background: none;
}
.mainnav-mobile-wrapper,
.membernav-mobile-wrapper {
max-height: none;
}
.mainnav-mobile-wrapper {
background: none;
margin-left: 0;
margin-right: 0;
}
.mobile-menutoggle,
.mobile-membertoggle,
.membernav-mobile-wrapper,
.utility-search-mobile,
.subnav-mobile {
display: none !important;
}
.utility-search-desktop,
.membernav-nonmobile-wrapper,
.subnav-desktop {
display: block;
}
.mainnav {
clear: both;
}
}
@media screen and (min-width: 1024px) {
.mainnav-mobile-wrapper {
max-height: none;
overflow: visible;
clear: both;
}
}
/* Utility area */
/* Account */
.utility-account {
display: inline-block;
vertical-align: bottom;
}
.utility-account .user {
padding-right: 30px;
padding-left: 65px;
position: relative;
}
.utility-account .user.expanded {
background-color: #e1e5ec;
}
.utility-account .user:after {
font-family: 'alphametrics';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\22";
font-size: 20px;
position: absolute;
top: 50%;
margin-top: -0.5em;
right: 5px;
}
.utility-account .utility-account-dropdown {
display: none;
}
.no-touch .utility-account .user:hover {
background-color: #e1e5ec;
}
.utility-account-dropdown {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
-ms-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
.utility-account-dropdown.expanded {
max-height: 200px;
-webkit-transition: max-height 0.3s ease-in;
-moz-transition: max-height 0.3s ease-in;
-ms-transition: max-height 0.3s ease-in;
-o-transition: max-height 0.3s ease-in;
transition: max-height 0.3s ease-in;
}
/* Wider styles for utility/account */
@media screen and (min-width: 768px) {
.utility {
padding-top: 15px;
padding-bottom: 0;
}
.utility-search {
float: left;
margin-left: 20px;
}
.utility-account {
float: right;
position: relative;
margin-right: 20px;
}
.utility-account .user {
min-width: 254px;
padding-right: 50px;
}
.utility-account .user:after {
right: 28px;
}
.utility-account-dropdown {
display: none;
}
.utility-account .utility-account-dropdown {
display: block;
position: absolute;
width: 100%;
z-index: 2;
}
/* IE8 min-width fix */
.lt-ie10 .utility-account .user {
min-width: 139px;
}
}
@media screen and (min-width: 1024px) {
.utility {
float: right;
max-width: 640px;
text-align: right;
padding-top: 15px;
padding-bottom: 15px;
}
.utility-search {
margin-top: 5px;
margin-left: 0;
}
.utility-search,
.utility-account {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.utility-account {
margin-bottom: 0;
}
.utility-account .user {
min-width: 234px;
padding-right: 30px;
}
.utility-account .user:after {
right: 5px;
}
/* IE8 min-width fix */
.lt-ie10 .utility-account .user {
min-width: 139px;
}
}
/* Search box */
.search-query,
.btn-search {
vertical-align: middle;
}
.searchwrapper {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 100%;
max-width: 480px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
-ms-border-radius: 36px;
-o-border-radius: 36px;
border-radius: 36px;
overflow: hidden;
margin: 19px 0;
}
.search-query {
width: 100%;
padding: 0 50px 0 25px;
font-family: "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
font-size: 12px;
font-size: 0.92308rem;
line-height: 1.58333;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
min-height: 38px;
line-height: 38px;
border: none;
margin: 0;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
-ms-border-radius: 36px;
-o-border-radius: 36px;
border-radius: 36px;
border: 1px solid #d1d1d1;
-webkit-transition: border-color 0.1s linear;
-moz-transition: border-color 0.1s linear;
-ms-transition: border-color 0.1s linear;
-o-transition: border-color 0.1s linear;
transition: border-color 0.1s linear;
}
.search-query:hover {
border-color: #95bddf;
}
.search-query:focus {
outline: none;
border-color: #3273a9;
}
.touch .search-query {
font-size: 16px;
font-size: 1.23077rem;
line-height: 1.1875;
}
.btn-search {
position: absolute;
top: 0;
right: 0;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0;
margin-bottom: 0;
vertical-align: middle;
width: 50px;
height: 44px;
overflow: hidden;
border: none;
cursor: pointer;
font-size: 16px;
font-size: 1.23077rem;
line-height: 1.1875;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-ms-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
background: none;
color: #505050;
}
.btn-search:focus, .btn-search:hover {
color: #3273a9;
}
/* Wider styles for search */
@media screen and (min-width: 768px) {
.searchwrapper {
margin-top: 5px;
}
}
@media screen and (min-width: 1024px) {
.utility-search {
border-right: 1px solid #d1d1d1;
padding-right: 20px;
margin-right: 7px;
}
.searchwrapper {
min-width: 350px;
margin: 0;
}
}
/* Some base styles for navs */
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Setting up transitions for hovers */
.nav--stacked > li,
.child-nav > li,
.nav--stacked a {
-webkit-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
transition: background-color .1s linear;
}
.nav--stacked,
.child-nav {
text-align: left;
margin-bottom: 0;
line-height: 1;
}
.nav--stacked > li {
border-top: 1px solid #c8cfdf;
position: relative;
background-color: #e1e5ec;
font-family: "Montserrat", "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
color: #395a76;
}
.nav--stacked > li.active > a, .nav--stacked > li.selected > a {
border-left: 3px solid #3273a9;
color: #3273a9;
padding-left: 17px;
}
.nav--stacked > li:first-child {
border-top: none;
}
.nav--stacked > li:hover {
background-color: #c2cad8;
}
.nav--stacked > li.has-children:hover {
background-color: #e1e5ec;
}
.nav--stacked > li.has-children > a {
position: relative;
}
.nav--stacked > li.has-children > a:after {
font-family: 'alphametrics';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\22";
font-size: 20px;
position: absolute;
top: 50%;
margin-top: -0.5em;
right: 28px;
}
.nav--stacked > li.has-children > a:hover {
background-color: #c2cad8;
}
.nav--stacked > li > a {
padding: 10px 20px;
color: #395a76;
}
.nav--stacked > li > a i {
margin-right: 20px;
}
.child-nav > li {
background-color: #edf2f8;
font-family: "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
}
.child-nav > li:first-child {
border-top: 1px solid #c8cfdf;
}
.child-nav > li:hover {
background-color: #e1e5ec !important;
}
.child-nav > li > a {
padding: 16px 20px;
}
@media screen and (min-width: 768px) {
.nav--stacked > li .has-children > a:after {
display: block;
}
}
@media screen and (min-width: 1024px) {
.nav--stacked {
border-bottom: 1px solid #c8cfdf;
}
.child-nav {
border-bottom: none;
}
}
@media screen and (max-width: 980px) {
.sidebar .nav--stacked > li:first-child {
border-top: 1px solid #c8cfdf;
}
}
/* Breadcrumb */
.breadcrumb-wrapper {
position: relative;
padding: 19px;
margin-bottom: 19px;
border-bottom: 1px solid #c8cfdf;
}
.breadcrumb {
margin: 0;
font-size: 11px;
font-size: 0.84615rem;
line-height: 1.72727;
}
.breadcrumb > li {
white-space: nowrap;
}
.breadcrumb > li + li:before {
font-size: 1.5em;
line-height: 2em;
margin: 0 1em;
color: #b4b4b4;
font-weight: 200;
}
.breadcrumb > li a {
color: #282828;
display: inline-block;
*display: inline;
*zoom: 1;
border-bottom: 1px solid #d1d1d1;
line-height: 1.1;
-webkit-transition: border-color 0.1s linear;
-moz-transition: border-color 0.1s linear;
-ms-transition: border-color 0.1s linear;
-o-transition: border-color 0.1s linear;
transition: border-color 0.1s linear;
}
.breadcrumb > li a:hover {
border-color: #8c8c8c;
}
.breadcrumb > li.current a {
cursor: text;
border-bottom: none;
}
/* Wider styles for breadcrumb */
@media screen and (min-width: 768px) {
.breadcrumb-wrapper {
text-align: left;
margin-bottom: 0;
padding-top: 3px;
padding-bottom: 5px;
}
}
/* Main navigation */
.mainnav {
background-color: whitesmoke;
text-transform: uppercase;
font-family: "Montserrat", "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
font-weight: bold;
position: relative;
text-align: left;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-ms-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.mainnav ul > li {
border-top: 1px solid #c8cfdf;
}
.mainnav ul > li:first-child {
border-top: none;
}
.mainnav ul > li > a {
display: block;
color: #395a76;
padding: 10px 20px;
}
.mainnav i {
color: #798fa4;
}
.expanded .mainnav {
background-color: #e1e5ec;
}
/* Wider styles for main navigation */
@media screen and (min-width: 768px) {
.mainnav {
text-align: center;
}
.mainnav ul {
display: table;
width: 100%;
}
.mainnav ul > li {
display: table-cell;
border-left: 1px solid #e1e5ec;
border-top: none;
text-align: center;
}
.mainnav ul > li:first-child {
border-left: none;
}
.mainnav ul > li > a {
padding: 1.6em .5em 1.3em;
-webkit-transition: .1s linear;
-o-transition: .1s linear;
-moz-transition: .1s linear;
transition: .1s linear;
border-bottom: 3px solid transparent;
}
.mainnav ul > li:hover > a,
.mainnav ul > li > a:hover, .mainnav ul > li.selected > a {
border-bottom: 3px solid #3273a9;
}
.mainnav,
.expanded .mainnav {
background-color: #f2f3f5;
}
}
/* Faux columns */
.subnav,
.sidebar {
display: none;
}
@media screen and (min-width: 768px) {
/* Three columns becomes two columns at narrower widths */
.three-column-wrapper,
.two-column-wrapper {
background-color: white;
overflow: hidden;
position: relative;
z-index: 1;
width: 100%;
}
.three-column-wrapper:before,
.two-column-wrapper:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 35%;
height: 100%;
background: #edf2f8;
border-right: 1px solid #c8cfdf;
}
.three-column-wrapper > .column,
.two-column-wrapper > .column {
position: relative;
float: left;
}
.three-column-wrapper .subnav,
.three-column-wrapper .sidebar,
.two-column-wrapper .subnav,
.two-column-wrapper .sidebar {
display: block;
width: 35%;
border-right: 1px solid #c8cfdf;
}
.three-column-wrapper .content,
.two-column-wrapper .content {
float: right;
width: 65%;
}
.three-column-wrapper .sidebar,
.two-column-wrapper .sidebar {
clear: left;
}
.two-column-wrapper:before {
width: 28%;
}
.two-column-wrapper .subnav,
.two-column-wrapper .sidebar {
width: 28%;
}
.two-column-wrapper .content {
width: 72%;
}
}
@media screen and (min-width: 1024px) {
.two-column-wrapper:before {
width: 21%;
}
.two-column-wrapper .subnav,
.two-column-wrapper .sidebar {
width: 21%;
}
.two-column-wrapper .content {
width: 79%;
}
.three-column-wrapper:before, .three-column-wrapper:after {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 25%;
height: 100%;
background: #edf2f8;
}
.three-column-wrapper:after {
left: 75%;
border-left: 1px solid #c8cfdf;
}
.three-column-wrapper > .column {
position: relative;
float: left;
}
.three-column-wrapper .subnav,
.three-column-wrapper .sidebar {
width: 25%;
}
.three-column-wrapper .content {
width: 50%;
left: 25%;
}
.three-column-wrapper .subnav {
left: -50%;
border-right: 1px solid #c8cfdf;
}
.three-column-wrapper .sidebar {
left: 0;
clear: none;
border-left: 1px solid #c8cfdf;
border-right: none;
}
}
/* Sub navigation */
.subnav,
.sidebar {
background-color: #edf2f8;
}
/* Content */
.content {
padding-top: 19px;
}
/* Modules */
/* Badges */
.badge {
padding-left: .75em;
padding-right: .75em;
line-height: 1.35em !important;
min-width: 2.75em;
background: none;
border: 1px solid #b4b4b4;
color: #282828;
font-family: "Montserrat", "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
font-weight: normal !important;
margin-left: .5em;
}
.badge.badge-alert {
border-color: #e51937;
background-color: #e51937;
color: white;
}
/* IE8 fix for badge width */
.lt-ie9 .badge {
min-width: 1.25em;
}
/* Badge positioning */
.user .badge,
.nav-subnav .badge {
position: absolute;
top: 50%;
margin-top: -0.675em;
right: 20px;
margin-left: 0;
}
/* Physician category badges */
.physician-categories .badge {
font-weight: normal;
font-size: 11px;
margin-left: 0;
margin-right: .5em;
}
/* Users */
.user {
text-align: left;
display: block;
position: relative;
overflow: hidden;
max-height: 70px;
line-height: 70px;
padding-left: 70px;
padding-right: 70px;
}
.user.user-small {
max-height: 50px;
line-height: 50px;
}
/* User Avatar */
.user-avatar {
width: 60px;
height: 60px;
position: relative;
/* Smaller circle indicating online status */
}
.user-avatar.user-avatar-small {
width: 40px;
height: 40px;
}
.user-avatar img {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
}
.user-avatar .user-status {
display: block;
position: absolute;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
bottom: -1px;
right: -1px;
width: 12px;
height: 12px;
border: 3px solid #929292;
background-color: white;
-webkit-box-shadow: 0px 0px 2px 2px white;
box-shadow: 0px 0px 2px 2px white;
}
.user-avatar .user-status.user-online {
border-color: #58c583;
}
/* User Avatar with a name listed */
.user-name + .user-avatar {
position: absolute;
top: 5px;
left: 12px;
}
/* User actions */
.user-actions a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 10px;
padding: 0;
color: #395a76;
}
.user-actions a:hover {
color: #284054;
}
/* Animated transition, no-touch version */
.no-touch .user-actions {
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding-left: 70px;
padding-right: 70px;
-webkit-transition: opacity .1s linear;
-o-transition: opacity .1s linear;
-moz-transition: opacity .1s linear;
transition: opacity .1s linear;
visibility: hidden;
opacity: 0;
}
.no-touch .user.has-actions {
/* Set the default states */
}
.no-touch .user.has-actions .user-name,
.no-touch .user.has-actions .user-actions {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.no-touch .user.has-actions .user-name {
visibility: visible;
opacity: 1;
}
.no-touch .user.has-actions .user-actions {
visibility: hidden;
opacity: 0;
}
.no-touch .user.has-actions:hover .user-actions {
visibility: visible;
opacity: 1;
}
.no-touch .user.has-actions:hover .user-name {
visibility: hidden;
opacity: 0;
}
/* Animated transition, touch version */
.touch .user.has-actions .user-actions {
max-height: 0;
overflow: hidden;
line-height: 1;
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
-ms-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
.touch .user.has-actions.expanded .user-actions {
max-height: 100px;
margin-bottom: 15px;
-webkit-transition: max-height 0.3s ease-in;
-moz-transition: max-height 0.3s ease-in;
-ms-transition: max-height 0.3s ease-in;
-o-transition: max-height 0.3s ease-in;
transition: max-height 0.3s ease-in;
}
/* User list */
.user-list {
list-style: none;
margin: 0;
padding: 0;
}
.user-list .user {
border-left: 3px solid #929292;
}
.user-list .user.user-online {
border-left-color: #58c583;
}
/* Stream styles */
.stream {
padding-top: 19px;
margin-top: 0;
margin-bottom: 0;
}
.full-width {
position: relative;
margin-left: -20px;
margin-right: -20px;
}
.tabs {
width: 100%;
text-transform: uppercase;
font-family: "Montserrat", "Open Sans", "Arial", "Arial Unicode MS", sans-serif;
font-weight: normal;
font-size: 13px;
font-size: 1rem;
line-height: 1;
display: table;
margin: 0;
padding: 0;
list-style: none;
}
.tabs a {
display: block;
width: 100%;
color: #8c8c8c;
height: 3.76923076923077em;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
padding-bottom: 2px;
-webkit-transition: .1s linear;
-o-transition: .1s linear;
-moz-transition: .1s linear;
transition: .1s linear;
}
.tabs a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
left: -0.25em;
/* Adjusts for spacing */
}
.tabs a .centered {
display: inline-block;
vertical-align: middle;
width: 99%;
}
.tabs li {
display: table-cell;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
}
.tabs li:first-child a {
border-left: none;
}
.tabs li.stream-add {
width: 1.36111111111111em;
}
.tabs li.stream-add a {
font-size: 36px;
font-size: 2.76923rem;
height: 1.36111111111111em;
width: 1.36111111111111em;
background-color: #58c583;
color: white;
border-bottom: none;
border-top: none;
padding-bottom: 0;
}
.tabs li.stream-add a:hover {
background-color: #3cae69;
border-bottom: none !important;
color: white !important;
}
.tabs li.current a, .tabs li.selected a {
color: #505050;
border-bottom: 3px solid #3273a9;
padding-bottom: 0;
}
.no-touch .tabs a:hover {
color: #505050;
border-bottom: 3px solid #3273a9;
padding-bottom: 0;
}
.stream-item {
padding: 19px;
border-bottom: 1px solid #d1d1d1;
position: relative;
overflow: hidden;
/* to combat an iOS6 orientation change bug */
}
.stream-item .user-avatar {
display: inline-block;
*display: inline;
*zoom: 1;
}
.stream-item-content {
max-width: 31em;
margin-left: auto;
margin-right: auto;
}
.stream-item-content h3 {
line-height: 1.2;
margin-bottom: 9.5px;
margin-bottom: 0.73077rem;
}
.stream-item-content h3 a {
color: #282828;
}
.stream-item-content h3 a:hover {
color: #3273a9;
}
.stream-item-content .btn {
margin-bottom: 19px;
margin-bottom: 1.46154rem;
}
.stream-item-meta,
.stream-item-social {
color: #8c8c8c;
font-weight: 500;
}
.stream-item-link {
font-weight: 500;
margin-bottom: .25em;
}
.stream-item-link a {
text-decoration: underline;
}
.stream-item-link .icon-arrow-right-2 {
font-size: 14px;
font-size: 1.07692rem;
vertical-align: middle;
position: relative;
top: -.1em;
}
.pill, .loz, .badge {
padding-left: 1em;
padding-right: 1em;
}
.tag-assigned {
background-color: #edf2f8;
color: #8c8c8c;
font-size: 11px;
font-size: 0.84615rem;
line-height: 1.72727;
}
.stream-item-social {
list-style: none;
margin: 0;
font-size: 13px;
font-size: 1rem;
line-height: 1.46154;
}
.stream-item-social li {
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 1.1;
margin-left: 20px;
}
.stream-item-social li:first-child {
margin-left: 0;
}
.stream-item-social li.last {
border-left: 1px solid #d1d1d1;
padding-left: 15px;
margin-left: 15px;
}
.stream-item-social .icon-thumbs-up {
font-size: 14px;
position: relative;
margin-right: 5px;
top: -.2em;
}
.stream-item-actions {
position: absolute;
top: 19px;
right: 19px;
color: #b4b4b4;
}
.stream-item-actions a {
color: #b4b4b4;
font-size: 11px;
font-size: 0.84615rem;
line-height: 1.72727;
margin-left: 10px;
}
.stream-item-actions a:hover {
color: #818181;
}
/* Stream Event specifics */
.stream-event .stream-item-image {
width: 60px;
height: 60px;
color: #3273a9;
border: 3px solid #3273a9;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
font-weight: bold;
font-size: 14px;
font-size: 1.07692rem;
line-height: 1;
margin-bottom: 5px;
}
.stream-event .stream-item-image .event-month {
display: block;
text-transform: uppercase;
}
.stream-event .stream-item-image .event-day {
font-size: 18px;
font-size: 1.38462rem;
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 20%;
}
.stream-event .stream-item-desc a {
font-weight: 500;
}
.stream-event .icon-calendar,
.stream-event .event-desc {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.stream-event .icon-calendar {
font-size: 40px;
font-size: 3.07692rem;
margin-right: 15px;
color: #b4b4b4;
}
.stream-event .event-desc {
text-align: left;
}
/* Stream Poll specifics */
.poll-results,
.poll-results-whovoted {
list-style: none;
margin: 0 0 1em 0;
padding: 0;
text-align: left;
}
.poll-results-question {
position: relative;
border: 1px solid #edf2f8;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
-ms-border-radius: 4em;
-o-border-radius: 4em;
border-radius: 4em;
margin-bottom: 5px;
padding: 5px 1em;
line-height: 1;
}
.poll-results-question p {
margin: 0;
padding-right: 7em;
position: relative;
z-index: 1;
}
.poll-results-bar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: #edf2f8;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
-ms-border-radius: 4em;
-o-border-radius: 4em;
border-radius: 4em;
}
.poll-results-votes {
position: absolute;
right: 0;
top: 50%;
margin-top: -.5em;
color: #8c8c8c;
font-size: 11px;
font-size: 0.84615rem;
}
.poll-results-votes b {
color: #282828;
font-weight: 500;
}
.poll-results-whovoted li {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 7px;
}
/* Stream content styles, wider widths */
@media screen and (min-width: 768px) {
.stream-item-content {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.stream-item-content h3 {
padding-right: 85px;
}
.stream-item-image + .stream-item-content {
padding-left: 85px;
}
.stream-item-meta,
.stream-item-desc,
.stream-item .check-list {
max-width: 31em;
}
.stream-add .check-list {
max-width: none;
}
.stream-item > .user-avatar {
text-align: center;
position: absolute;
}
}
/* Physician page */
/* Intro area */
h1, .profile-summary {
display: inline-block;
*display: inline;
*zoom: 1;
}
.profile-summary {
color: #8c8c8c;
margin-left: .5em;
}
.profile-summary a {
margin-left: .5em;
}
/* Chart area */
.carousel-wrapper {
padding: 0 40px;
margin-bottom: 10px;
}
.bx-viewport {
-webkit-transform: translateZ(0);
/* Fixes odd Chrome shifting bug */
}
/* Pick segment */
.pick_segment {
font-size: .9em;
margin-bottom: 1em;
}
.pick_segment label {
color: #959DA6;
font-weight: normal;
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: .5em;
}
.pick_segment label a {
color: #959DA6;
}
.pick_segment label.active {
color: #292E33;
}
.pick_segment label.active a {
color: #292E33;
}
/* Filters */
.filter label {
font-weight: normal;
}
/* Metrics selector */
.jqstooltip {
box-sizing: content-box;
/* Fixes problems with Sparkline's tooltips */
}
ul.overview-data {
margin: 0 0 2px;
font-size: .9em;
overflow: hidden;
width: 100%;
}
ul.overview-data li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.no-js ul.overview-data {
margin: 0 -1px 2px;
}
.no-js ul.overview-data li {
margin: 0 1px;
}
ul.overview-data li a,
ul.overview-data li .wrap {
display: block;
height: auto;
border: 1px solid #E7EDF3;
padding: 5px 10px 8px;
color: #6C7680 !important;
text-decoration: none;
}
ul.overview-data li a:hover {
border-color: #F2E3B6 !important;
background-color: #FFD;
}
ul.overview-data li.current a,
ul.overview-data li.current a:hover {
border: 0;
padding: 6px 11px 9px;
background: #e7edf3 url(../images/bg-overview-current-t.gif) no-repeat 50% 100%;
}
ul.overview-data.metrics-1 li {
width: 100%;
}
ul.overview-data.small-metrics-1 li {
width: 100%;
font-size: 0.95em;
}
/* 2 metrics */
ul.overview-data.metrics-2 li {
width: 375px;
}
ul.overview-data.small-metrics-2 li {
width: 307px;
font-size: 0.95em;
}
/* 3 metrics old: 312*/
ul.overview-data.metrics-3 li {
width: 300px;
}
ul.overview-data.small-metrics-3 li {
width: 204px;
font-size: 0.95em;
}
ul.overview-data.metrics-3 strong {
display: block;
}
.small-metrics-3 {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.small-metrics-3 li {
border: 1px solid #e1e5ec;
position: relative;
margin-top: -1px;
margin-bottom: -1px;
padding: .5em;
}
.small-metrics-3 .metric {
font-size: 1.1em;
}
.small-metrics-3 .value {
margin-right: .5em;
}
.small-metrics-3 .meta {
font-size: .9em;
color: #929292;
}
/* 4 metrics */
ul.overview-data.metrics-4 li {
width: 230px;
}
ul.overview-data.metrics-4 li.current {
width: 234px;
}
ul.overview-data.metrics-4 a,
ul.overview-data.metrics-4 .wrap {
height: auto;
}
ul.overview-data.metrics-4 strong {
display: block;
}
ul.overview-data.metrics-4 .meta {
font-size: .95em;
}
/* 5 metrics */
ul.overview-data.metrics-5 li {
width: 179px;
}
ul.overview-data.metrics-5 li.current {
width: 179px;
}
ul.overview-data.metrics-5 a,
ul.overview-data.metrics-5 .wrap {
/* min-height: 10em; */
min-height: 5.75em;
}
ul.overview-data.metrics-5 strong {
display: block;
}
ul.overview-data.metrics-5 .meta {
font-size: .95em;
}
/*@media screen and (min-width:372px) {
ul.overview-data.metrics-5 a,
ul.overview-data.metrics-5 .wrap {
min-height: 9em;
}
}*/
/*@media screen and (min-width:450px) {
ul.overview-data.metrics-5 a,
ul.overview-data.metrics-5 .wrap {
min-height: 5.75em;
}
}*/
.metric img,
.metric_value + img {
display: inline;
}
.compare {
width: 100%;
padding: 0;
display: block;
}
.compare .compare-option {
display: inline-block;
*display: inline;
*zoom: 1;
white-space: nowrap;
margin-bottom: .5em;
margin-right: .5em;
}
a.info_dot {
display: inline-block;
margin-left: 2px;
font-size: 10px;
padding: 1px 5px;
background: #efefef;
color: #ddd;
font-weight: bold;
text-shadow: none;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.info_dot:hover {
background: #ddd;
color: #999;
}
a.compare_dot {
background: #efefef;
color: #ddd;
}
.compare_dot:hover {
background: #ddd;
color: #999;
}
a.add_to_chart {
background: #efefef;
color: #ddd;
font-size: 14px;
}
a.add_to_chart:hover {
background: #ddd;
color: green;
}
a.add_to_chart.selected {
background: #ACBF73;
color: #fff;
}
a.nomination_dot {
background: #efefef;
color: #000;
}
.nomination_dot:hover {
background: #ddd;
color: #999;
}
.key {
margin-bottom: 1.46154rem;
}
.adopter_flag {
font-size: 9px;
display: inline;
background-color: #ACBF73;
border: solid 1px #333;
color: #fff;
padding: 2px;
margin-left: 7px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
}
.same_office {
background-color: #0074cc;
color: #fff;
padding: 2px;
font-size: 0.7em;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
/* tables */
table {
width: 100%;
position: relative;
margin: .2em -5px 1em;
border-top: 1px solid #EBF0F5;
}
table th,
table td {
padding: .75em .4em;
border-bottom: 1px solid #EBF0F5;
text-align: left;
font-weight: normal;
font-size: .8em;
}
table tr td:first-child {
white-space: nowrap;
}
table thead th,
table thead td {
background-color: #E7EDF3;
color: #4D6D8C;
text-transform: uppercase;
font-weight: bold;
font-size: .8em;
}
table thead th {
text-align: right;
}
table thead th:first-child, table thead th.trx-share {
text-align: left;
}
table thead a {
color: #4D6D8C !important;
text-decoration: none;
}
table thead a.sorting {
border: 0;
}
table.clear-head thead th,
table.clear-head thead td {
background-color: #fff;
}
table tbody.group th {
padding-left: 1.5em;
}
table tbody.group th.group-title {
width: auto;
padding-left: .4em;
background-color: #F7F9FB;
}
table tbody.group th.group-title h3 {
margin: 0;
font-size: 1.2em;
}
table tr.highlight th,
table tr.highlight td {
background-color: #FFD;
}
table .num,
table .meta {
text-align: right;
}
table tr.gain td {
background-color: #EFFBEF;
}
table tr.drop td {
background-color: #FBEFEF;
}
@media screen and (min-width: 480px) {
table {
margin: 0.2em 0 1em;
}
table th,
table td,
table thead th,
table thead td {
font-size: .9em;
}
table th,
table td {
padding: .75em .5em;
}
table thead th.trx-share {
text-align: right;
}
table tbody.group th.group-title {
padding-left: .5em;
}
}
table.tablesorter thead tr th.tablesorter-header {
cursor: pointer;
height: 1px;
white-space: nowrap;
}
table.tablesorter thead tr th.tablesorter-header span {
display: block;
}
table.tablesorter thead tr th.tablesorter-header .tablesorter-header-inner:after {
content: "";
width: 9px;
height: 9px;
display: inline-block;
background: url("../images/bg.gif") no-repeat 50% 50%;
margin-left: 5px;
}
table.tablesorter thead tr th.tablesorter-headerAsc .tablesorter-header-inner:after {
background-image: url(../images/asc.gif);
}
table.tablesorter thead tr th.tablesorter-headerDesc .tablesorter-header-inner:after {
background-image: url(../images/desc.gif);
}
@media screen and (min-width: 480px) {
table.tablesorter thead tr th.tablesorter-header span {
display: inline;
}
}
/* Block titles */
.block-title {
text-align: left;
}
.block-title ul {
margin-top: 1em;
}
/* Buttons */
.button {
position: relative;
display: inline-block;
border: 1px solid #8FADCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: .25em 1em;
background: #90aecd url(../images/dropdown-button.gif) repeat-x 0 0;
color: #FFF !important;
text-decoration: none;
font: normal 12px/1.4 "ProximaNova",'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.button.tiny {
border-color: #DAE0E6;
padding: 0;
background: #EBEFF2 none;
color: #292E33 !important;
text-shadow: 0 1px 0 #FFF;
font-weight: bold;
font-size: 11px;
}
.button.tiny b {
display: inline-block;
border-top: 1px solid #F5F7FA;
padding: .2em .75em .3em;
}
.button.tiny b.type-motion {
padding-left: 23px;
background: url(../images/i-show-options.gif) no-repeat 4px -147px;
}
.button.tiny b.type-network {
padding-left: 23px;
background: url(../images/i-show-options.gif) no-repeat 5px -197px;
}
.button.tiny .icon-install {
font-size: 12px;
line-height: 1;
position: relative;
margin-top: -3px;
margin-bottom: -1px;
margin-left: 0;
margin-right: 3px;
top: -2px;
display: inline-block;
}
.button.tiny:hover {
background-color: #F2F7FA;
}
.button.tiny b {
border-color: #FFF;
}
.button-add {
display: inline-block;
width: 15px;
height: 15px;
background: url(../images/b-add.gif) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
a.button-add:hover,
a:hover .button-add {
background-position: 0 -15px;
}
.button-group {
/* text-align:right; */
margin-top: .65em;
}
/* Flash Container */
.chart {
margin: 0 0 20px;
padding: 20px 0;
border-top: 1px solid #E7EDF3;
border-bottom: 1px solid #E7EDF3;
overflow: hidden;
}
/* Views (Shows as...) */
dl.show-options {
float: right;
margin: 20px 0 0;
}
dl.show-options dt,
dl.show-options dd {
float: left;
}
dl.show-options dt {
margin: .3em .5em 0 0;
}
dl.show-options ul {
float: left;
margin: 0;
}
dl.show-options ul li {
float: left;
margin: 0 0 0 .5em;
list-style: none;
white-space: nowrap;
overflow: hidden;
}
dl.show-options ul li a,
dl.show-options ul li strong {
float: left;
width: 22px;
height: 22px;
background-image: url(../images/i-show-options.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
dl.show-options ul li a {
opacity: .5;
}
dl.show-options ul li a:hover {
opacity: 1;
}
dl.show-options ul li strong {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #E7EDF3;
}
dl.show-options ul li.type-line a,
dl.show-options ul li.type-line strong {
background-position: 50% 6px;
}
dl.show-options ul li.type-bar a,
dl.show-options ul li.type-bar strong {
background-position: 50% -44px;
}
dl.show-options ul li.type-tabular a,
dl.show-options ul li.type-tabular strong {
background-position: 50% -94px;
}
dl.show-options ul li.type-motion a,
dl.show-options ul li.type-motion strong {
background-position: 50% -145px;
}
dl.show-options ul li.type-network a,
dl.show-options ul li.type-network strong {
background-position: 50% -196px;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
border-color: #ccc !important;
box-shadow: none !important;
text-shadow: none !important;
}
body {
width: 100%;
margin: 0;
text-align: left;
}
a,
a:visited {
text-decoration: underline;
}
.breadcrumb a,
.breadcrumb a:visited,
.logo {
text-decoration: none;
}
pre,
blockquote {
page-break-inside: avoid;
}
pre {
border: 1px solid #999;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.mobile-navbar,
.stream-item-actions {
display: none !important;
}
.stream-item-content {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.stream-item-content h3 {
padding-right: 85px;
}
.stream-item-image + .stream-item-content {
padding-left: 85px;
}
.stream-item-meta,
.stream-item-desc,
.stream-item .check-list {
max-width: 31em;
}
.stream-add .check-list {
max-width: none;
}
.stream-item > .user-avatar {
text-align: center;
position: absolute;
}
.stream-filters li.selected a {
border-bottom: 3px solid #505050 !important;
}
.btn {
border: 1px solid #ccc;
}
}