diff --git a/assets/css/style.css b/assets/css/style.css index 9879c8d..0fbd70b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3228 +1 @@ -@import url(http://fonts.googleapis.com/css?family=EB+Garamond); -/** - * Page styles - */ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} -/** - * Remove default margin. - */ -body { - margin: 0; -} -/* HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ -} -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} -/* Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ -a { - background: transparent; -} -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ -a:active, -a:hover { - outline: 0; -} -/* Text-level semantics - ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ -abbr[title] { - border-bottom: 1px dotted; -} -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ -b, -strong { - font-weight: bold; -} -/** - * Address styling not present in Safari and Chrome. - */ -dfn { - font-style: italic; -} -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} -/** - * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; -} -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; -} -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; -} -/** - * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; -} -/* Grouping content - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. - */ -figure { - margin: 1em 40px; -} -/** - * Address differences between Firefox and other browsers. - */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} -/** - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} -/** - * Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -/* Forms - ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ -} -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - overflow: visible; -} -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ -} -/** - * Re-set default cursor for disabled elements. - */ -button[disabled], -html input[disabled] { - cursor: default; -} -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; -} -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; -} -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/** - * Define consistent border, margin, and padding. - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ -} -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -textarea { - overflow: auto; -} -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} -td, -th { - padding: 0; -} -/*--------------------------------------------------- - LESS Elements 0.9.1 - --------------------------------------------------- - A set of useful LESS mixins - More info at: http://lesselements.com - MODIFIED BY: Brandon Brown - ---------------------------------------------------*/ -* html .clearfix { - zoom: 1; -} -/* IE6 */ -*:first-child + html .clearfix { - zoom: 1; -} -/* IE7 */ -/* used for styling post content in themes */ -/** - * Utilities - * Mixins used throughout themes and the main site - */ -/** - * REM units mixin with PX fallback for legacy browsers with no REM unit support - * https://github.com/christopher-ramirez/remixings - */ -.hide { - display: none; -} -.show { - display: block; -} -.invisible { - visibility: hidden; -} -.pull-left { - float: left; -} -.pull-right { - float: right; -} -.align-center { - text-align: center; -} -.text-left { - text-align: left; -} -.text-center { - text-align: center; -} -.text-right { - text-align: right; -} -.text-justify { - text-align: justify; -} -.no-underline { - text-decoration: none; -} -.uppercase { - text-transform: uppercase; -} -.lowercase { - text-transform: lowercase; -} -.block { - display: block; -} -.block:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.block:after { - content: ""; - display: table; - clear: both; -} -.inline-block { - display: inline-block; -} -.hidden { - display: none; - visibility: hidden; -} -.hide-text { - text-indent: 100%; - white-space: nowrap; - overflow: hidden; -} -.truncate { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-break: break-all; - word-wrap: break-word; -} -.no-flick { - -webkit-transform: translate3d(0, 0, 0); -} -.vertical-center { - position: relative; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.clearfix:after { - content: ""; - display: table; - clear: both; -} -/** - * Visibility Utilites - * NOTE: Only include these if you aren't using Bootstrap! - */ -.visible-phone { - display: none !important; -} -.visible-tablet { - display: none !important; -} -.hidden-desktop { - display: none !important; -} -.visible-desktop { - display: inherit !important; -} -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important ; - } - .visible-tablet { - display: inherit !important; - } - .hidden-tablet { - display: none !important; - } -} -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important; - } - .visible-phone { - display: inherit !important; - } - .hidden-phone { - display: none !important; - } -} -.visible-print { - display: none !important; -} -@media print { - .visible-print { - display: inherit !important; - } - .hidden-print { - display: none !important; - } -} -/* Override Utilities ---------------------------------------------- */ -.gist { - font-size: 13px; - font-size: 0.8125rem; -} -/*! - * Font Awesome 3.1.0 - * the iconic font designed for Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fontawesome.io - * - * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - - * http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - - * http://opensource.org/licenses/mit-license.html - * - Font Awesome documentation licensed under CC BY 3.0 License - - * http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fontawesome.io" - - * Contact - * ------------------------------------------------------- - * Email: dave@fontawesome.io - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url('http://postach.io/static/themes/_assets/fontawesome/font/fontawesome-webfont.eot?v=3.1.0'); - src: url('http://postach.io/static/themes/_assets/fontawesome/font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('http://postach.io/static/themes/_assets/fontawesome/font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('http://postach.io/static/themes/_assets/fontawesome/font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('http://postach.io/static/themes/_assets/fontawesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); - font-weight: normal; - font-style: normal; -} -/* FONT AWESOME CORE - * -------------------------- */ -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - *margin-right: .3em; -} -[class^="icon-"]:before, -[class*=" icon-"]:before { - text-decoration: inherit; - display: inline-block; - speak: none; -} -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: -10%; - font-size: 1.33333333em; -} -/* makes sure icons active on rollover in links */ -a [class^="icon-"], -a [class*=" icon-"], -a [class^="icon-"]:before, -a [class*=" icon-"]:before { - display: inline; -} -/* increased font size for icon-large */ -[class^="icon-"].icon-fixed-width, -[class*=" icon-"].icon-fixed-width { - display: inline-block; - width: 1.28571429em; - text-align: center; -} -[class^="icon-"].icon-fixed-width.icon-large, -[class*=" icon-"].icon-fixed-width.icon-large { - width: 1.57142857em; -} -ul.icons-ul { - list-style-type: none; - text-indent: -0.71428571em; - margin-left: 2.14285714em; -} -ul.icons-ul > li .icon-li { - width: 0.71428571em; - display: inline-block; - text-align: center; -} -[class^="icon-"].hide, -[class*=" icon-"].hide { - display: none; -} -.icon-muted { - color: #eeeeee; -} -.icon-light { - color: #ffffff; -} -.icon-dark { - color: #333333; -} -.icon-border { - border: solid 1px #eeeeee; - padding: .2em .25em .15em; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 3px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.icon-2x { - font-size: 2em; -} -.icon-2x.icon-border { - border-width: 2px; - -webkit-border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.icon-3x { - font-size: 3em; -} -.icon-3x.icon-border { - border-width: 3px; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.icon-4x { - font-size: 4em; -} -.icon-4x.icon-border { - border-width: 4px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 6px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} -.icon-5x { - font-size: 5em; -} -.icon-5x.icon-border { - border-width: 5px; - -webkit-border-top-right-radius: 7px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 7px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 7px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -[class^="icon-"].pull-left, -[class*=" icon-"].pull-left { - margin-right: .3em; -} -[class^="icon-"].pull-right, -[class*=" icon-"].pull-right { - margin-left: .3em; -} -/* BOOTSTRAP SPECIFIC CLASSES - * -------------------------- */ -/* Bootstrap 2.0 sprites.less reset */ -[class^="icon-"], -[class*=" icon-"] { - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} -/* more sprites.less reset */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { - background-image: none; -} -/* keeps Bootstrap styles with and without icons the same */ -.btn [class^="icon-"].icon-large, -.nav [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: .9em; -} -.btn [class^="icon-"].icon-spin, -.nav [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; -} -.nav-tabs [class^="icon-"], -.nav-pills [class^="icon-"], -.nav-tabs [class*=" icon-"], -.nav-pills [class*=" icon-"], -.nav-tabs [class^="icon-"].icon-large, -.nav-pills [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"].icon-large, -.nav-pills [class*=" icon-"].icon-large { - line-height: .9em; -} -.btn [class^="icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: .18em; -} -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: .8em; -} -.btn.btn-small [class^="icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: .25em; -} -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x, -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: .05em; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: .2em; -} -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: .2em; -} -/* EXTRAS - * -------------------------- */ -/* Stacked and layered icon */ -.icon-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: -35%; -} -.icon-stack [class^="icon-"], -.icon-stack [class*=" icon-"] { - display: block; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - font-size: 1em; - line-height: inherit; - *line-height: 2em; -} -.icon-stack .icon-stack-base { - font-size: 2em; - *line-height: 1em; -} -/* Animated rotating icon */ -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - } -} -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); - } - 100% { - -o-transform: rotate(359deg); - } -} -@-ms-keyframes spin { - 0% { - -ms-transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); - } -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -/* Icon rotations and mirroring */ -.icon-rotate-90:before { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -} -.icon-rotate-180:before { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -} -.icon-rotate-270:before { - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -} -.icon-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.icon-flip-vertical:before { - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; -} -.icon-music:before { - content: "\f001"; -} -.icon-search:before { - content: "\f002"; -} -.icon-envelope:before { - content: "\f003"; -} -.icon-heart:before { - content: "\f004"; -} -.icon-star:before { - content: "\f005"; -} -.icon-star-empty:before { - content: "\f006"; -} -.icon-user:before { - content: "\f007"; -} -.icon-film:before { - content: "\f008"; -} -.icon-th-large:before { - content: "\f009"; -} -.icon-th:before { - content: "\f00a"; -} -.icon-th-list:before { - content: "\f00b"; -} -.icon-ok:before { - content: "\f00c"; -} -.icon-remove:before { - content: "\f00d"; -} -.icon-zoom-in:before { - content: "\f00e"; -} -.icon-zoom-out:before { - content: "\f010"; -} -.icon-off:before { - content: "\f011"; -} -.icon-signal:before { - content: "\f012"; -} -.icon-cog:before { - content: "\f013"; -} -.icon-trash:before { - content: "\f014"; -} -.icon-home:before { - content: "\f015"; -} -.icon-file:before { - content: "\f016"; -} -.icon-time:before { - content: "\f017"; -} -.icon-road:before { - content: "\f018"; -} -.icon-download-alt:before { - content: "\f019"; -} -.icon-download:before { - content: "\f01a"; -} -.icon-upload:before { - content: "\f01b"; -} -.icon-inbox:before { - content: "\f01c"; -} -.icon-play-circle:before { - content: "\f01d"; -} -.icon-repeat:before, -.icon-rotate-right:before { - content: "\f01e"; -} -/* F020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; -} -.icon-list-alt:before { - content: "\f022"; -} -.icon-lock:before { - content: "\f023"; -} -.icon-flag:before { - content: "\f024"; -} -.icon-headphones:before { - content: "\f025"; -} -.icon-volume-off:before { - content: "\f026"; -} -.icon-volume-down:before { - content: "\f027"; -} -.icon-volume-up:before { - content: "\f028"; -} -.icon-qrcode:before { - content: "\f029"; -} -.icon-barcode:before { - content: "\f02a"; -} -.icon-tag:before { - content: "\f02b"; -} -.icon-tags:before { - content: "\f02c"; -} -.icon-book:before { - content: "\f02d"; -} -.icon-bookmark:before { - content: "\f02e"; -} -.icon-print:before { - content: "\f02f"; -} -.icon-camera:before { - content: "\f030"; -} -.icon-font:before { - content: "\f031"; -} -.icon-bold:before { - content: "\f032"; -} -.icon-italic:before { - content: "\f033"; -} -.icon-text-height:before { - content: "\f034"; -} -.icon-text-width:before { - content: "\f035"; -} -.icon-align-left:before { - content: "\f036"; -} -.icon-align-center:before { - content: "\f037"; -} -.icon-align-right:before { - content: "\f038"; -} -.icon-align-justify:before { - content: "\f039"; -} -.icon-list:before { - content: "\f03a"; -} -.icon-indent-left:before { - content: "\f03b"; -} -.icon-indent-right:before { - content: "\f03c"; -} -.icon-facetime-video:before { - content: "\f03d"; -} -.icon-picture:before { - content: "\f03e"; -} -.icon-pencil:before { - content: "\f040"; -} -.icon-map-marker:before { - content: "\f041"; -} -.icon-adjust:before { - content: "\f042"; -} -.icon-tint:before { - content: "\f043"; -} -.icon-edit:before { - content: "\f044"; -} -.icon-share:before { - content: "\f045"; -} -.icon-check:before { - content: "\f046"; -} -.icon-move:before { - content: "\f047"; -} -.icon-step-backward:before { - content: "\f048"; -} -.icon-fast-backward:before { - content: "\f049"; -} -.icon-backward:before { - content: "\f04a"; -} -.icon-play:before { - content: "\f04b"; -} -.icon-pause:before { - content: "\f04c"; -} -.icon-stop:before { - content: "\f04d"; -} -.icon-forward:before { - content: "\f04e"; -} -.icon-fast-forward:before { - content: "\f050"; -} -.icon-step-forward:before { - content: "\f051"; -} -.icon-eject:before { - content: "\f052"; -} -.icon-chevron-left:before { - content: "\f053"; -} -.icon-chevron-right:before { - content: "\f054"; -} -.icon-plus-sign:before { - content: "\f055"; -} -.icon-minus-sign:before { - content: "\f056"; -} -.icon-remove-sign:before { - content: "\f057"; -} -.icon-ok-sign:before { - content: "\f058"; -} -.icon-question-sign:before { - content: "\f059"; -} -.icon-info-sign:before { - content: "\f05a"; -} -.icon-screenshot:before { - content: "\f05b"; -} -.icon-remove-circle:before { - content: "\f05c"; -} -.icon-ok-circle:before { - content: "\f05d"; -} -.icon-ban-circle:before { - content: "\f05e"; -} -.icon-arrow-left:before { - content: "\f060"; -} -.icon-arrow-right:before { - content: "\f061"; -} -.icon-arrow-up:before { - content: "\f062"; -} -.icon-arrow-down:before { - content: "\f063"; -} -.icon-share-alt:before, -.icon-mail-forward:before { - content: "\f064"; -} -.icon-resize-full:before { - content: "\f065"; -} -.icon-resize-small:before { - content: "\f066"; -} -.icon-plus:before { - content: "\f067"; -} -.icon-minus:before { - content: "\f068"; -} -.icon-asterisk:before { - content: "\f069"; -} -.icon-exclamation-sign:before { - content: "\f06a"; -} -.icon-gift:before { - content: "\f06b"; -} -.icon-leaf:before { - content: "\f06c"; -} -.icon-fire:before { - content: "\f06d"; -} -.icon-eye-open:before { - content: "\f06e"; -} -.icon-eye-close:before { - content: "\f070"; -} -.icon-warning-sign:before { - content: "\f071"; -} -.icon-plane:before { - content: "\f072"; -} -.icon-calendar:before { - content: "\f073"; -} -.icon-random:before { - content: "\f074"; -} -.icon-comment:before { - content: "\f075"; -} -.icon-magnet:before { - content: "\f076"; -} -.icon-chevron-up:before { - content: "\f077"; -} -.icon-chevron-down:before { - content: "\f078"; -} -.icon-retweet:before { - content: "\f079"; -} -.icon-shopping-cart:before { - content: "\f07a"; -} -.icon-folder-close:before { - content: "\f07b"; -} -.icon-folder-open:before { - content: "\f07c"; -} -.icon-resize-vertical:before { - content: "\f07d"; -} -.icon-resize-horizontal:before { - content: "\f07e"; -} -.icon-bar-chart:before { - content: "\f080"; -} -.icon-twitter-sign:before { - content: "\f081"; -} -.icon-facebook-sign:before { - content: "\f082"; -} -.icon-camera-retro:before { - content: "\f083"; -} -.icon-key:before { - content: "\f084"; -} -.icon-cogs:before { - content: "\f085"; -} -.icon-comments:before { - content: "\f086"; -} -.icon-thumbs-up:before { - content: "\f087"; -} -.icon-thumbs-down:before { - content: "\f088"; -} -.icon-star-half:before { - content: "\f089"; -} -.icon-heart-empty:before { - content: "\f08a"; -} -.icon-signout:before { - content: "\f08b"; -} -.icon-linkedin-sign:before { - content: "\f08c"; -} -.icon-pushpin:before { - content: "\f08d"; -} -.icon-external-link:before { - content: "\f08e"; -} -.icon-signin:before { - content: "\f090"; -} -.icon-trophy:before { - content: "\f091"; -} -.icon-github-sign:before { - content: "\f092"; -} -.icon-upload-alt:before { - content: "\f093"; -} -.icon-lemon:before { - content: "\f094"; -} -.icon-phone:before { - content: "\f095"; -} -.icon-check-empty:before { - content: "\f096"; -} -.icon-bookmark-empty:before { - content: "\f097"; -} -.icon-phone-sign:before { - content: "\f098"; -} -.icon-twitter:before { - content: "\f099"; -} -.icon-facebook:before { - content: "\f09a"; -} -.icon-github:before { - content: "\f09b"; -} -.icon-unlock:before { - content: "\f09c"; -} -.icon-credit-card:before { - content: "\f09d"; -} -.icon-rss:before { - content: "\f09e"; -} -.icon-hdd:before { - content: "\f0a0"; -} -.icon-bullhorn:before { - content: "\f0a1"; -} -.icon-bell:before { - content: "\f0a2"; -} -.icon-certificate:before { - content: "\f0a3"; -} -.icon-hand-right:before { - content: "\f0a4"; -} -.icon-hand-left:before { - content: "\f0a5"; -} -.icon-hand-up:before { - content: "\f0a6"; -} -.icon-hand-down:before { - content: "\f0a7"; -} -.icon-circle-arrow-left:before { - content: "\f0a8"; -} -.icon-circle-arrow-right:before { - content: "\f0a9"; -} -.icon-circle-arrow-up:before { - content: "\f0aa"; -} -.icon-circle-arrow-down:before { - content: "\f0ab"; -} -.icon-globe:before { - content: "\f0ac"; -} -.icon-wrench:before { - content: "\f0ad"; -} -.icon-tasks:before { - content: "\f0ae"; -} -.icon-filter:before { - content: "\f0b0"; -} -.icon-briefcase:before { - content: "\f0b1"; -} -.icon-fullscreen:before { - content: "\f0b2"; -} -.icon-group:before { - content: "\f0c0"; -} -.icon-link:before { - content: "\f0c1"; -} -.icon-cloud:before { - content: "\f0c2"; -} -.icon-beaker:before { - content: "\f0c3"; -} -.icon-cut:before { - content: "\f0c4"; -} -.icon-copy:before { - content: "\f0c5"; -} -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; -} -.icon-sign-blank:before { - content: "\f0c8"; -} -.icon-reorder:before { - content: "\f0c9"; -} -.icon-list-ul:before { - content: "\f0ca"; -} -.icon-list-ol:before { - content: "\f0cb"; -} -.icon-strikethrough:before { - content: "\f0cc"; -} -.icon-underline:before { - content: "\f0cd"; -} -.icon-table:before { - content: "\f0ce"; -} -.icon-magic:before { - content: "\f0d0"; -} -.icon-truck:before { - content: "\f0d1"; -} -.icon-pinterest:before { - content: "\f0d2"; -} -.icon-pinterest-sign:before { - content: "\f0d3"; -} -.icon-google-plus-sign:before { - content: "\f0d4"; -} -.icon-google-plus:before { - content: "\f0d5"; -} -.icon-money:before { - content: "\f0d6"; -} -.icon-caret-down:before { - content: "\f0d7"; -} -.icon-caret-up:before { - content: "\f0d8"; -} -.icon-caret-left:before { - content: "\f0d9"; -} -.icon-caret-right:before { - content: "\f0da"; -} -.icon-columns:before { - content: "\f0db"; -} -.icon-sort:before { - content: "\f0dc"; -} -.icon-sort-down:before { - content: "\f0dd"; -} -.icon-sort-up:before { - content: "\f0de"; -} -.icon-envelope-alt:before { - content: "\f0e0"; -} -.icon-linkedin:before { - content: "\f0e1"; -} -.icon-undo:before, -.icon-rotate-left:before { - content: "\f0e2"; -} -.icon-legal:before { - content: "\f0e3"; -} -.icon-dashboard:before { - content: "\f0e4"; -} -.icon-comment-alt:before { - content: "\f0e5"; -} -.icon-comments-alt:before { - content: "\f0e6"; -} -.icon-bolt:before { - content: "\f0e7"; -} -.icon-sitemap:before { - content: "\f0e8"; -} -.icon-umbrella:before { - content: "\f0e9"; -} -.icon-paste:before { - content: "\f0ea"; -} -.icon-lightbulb:before { - content: "\f0eb"; -} -.icon-exchange:before { - content: "\f0ec"; -} -.icon-cloud-download:before { - content: "\f0ed"; -} -.icon-cloud-upload:before { - content: "\f0ee"; -} -.icon-user-md:before { - content: "\f0f0"; -} -.icon-stethoscope:before { - content: "\f0f1"; -} -.icon-suitcase:before { - content: "\f0f2"; -} -.icon-bell-alt:before { - content: "\f0f3"; -} -.icon-coffee:before { - content: "\f0f4"; -} -.icon-food:before { - content: "\f0f5"; -} -.icon-file-alt:before { - content: "\f0f6"; -} -.icon-building:before { - content: "\f0f7"; -} -.icon-hospital:before { - content: "\f0f8"; -} -.icon-ambulance:before { - content: "\f0f9"; -} -.icon-medkit:before { - content: "\f0fa"; -} -.icon-fighter-jet:before { - content: "\f0fb"; -} -.icon-beer:before { - content: "\f0fc"; -} -.icon-h-sign:before { - content: "\f0fd"; -} -.icon-plus-sign-alt:before { - content: "\f0fe"; -} -.icon-double-angle-left:before { - content: "\f100"; -} -.icon-double-angle-right:before { - content: "\f101"; -} -.icon-double-angle-up:before { - content: "\f102"; -} -.icon-double-angle-down:before { - content: "\f103"; -} -.icon-angle-left:before { - content: "\f104"; -} -.icon-angle-right:before { - content: "\f105"; -} -.icon-angle-up:before { - content: "\f106"; -} -.icon-angle-down:before { - content: "\f107"; -} -.icon-desktop:before { - content: "\f108"; -} -.icon-laptop:before { - content: "\f109"; -} -.icon-tablet:before { - content: "\f10a"; -} -.icon-mobile-phone:before { - content: "\f10b"; -} -.icon-circle-blank:before { - content: "\f10c"; -} -.icon-quote-left:before { - content: "\f10d"; -} -.icon-quote-right:before { - content: "\f10e"; -} -.icon-spinner:before { - content: "\f110"; -} -.icon-circle:before { - content: "\f111"; -} -.icon-reply:before, -.icon-mail-reply:before { - content: "\f112"; -} -.icon-folder-close-alt:before { - content: "\f114"; -} -.icon-folder-open-alt:before { - content: "\f115"; -} -.icon-expand-alt:before { - content: "\f116"; -} -.icon-collapse-alt:before { - content: "\f117"; -} -.icon-smile:before { - content: "\f118"; -} -.icon-frown:before { - content: "\f119"; -} -.icon-meh:before { - content: "\f11a"; -} -.icon-gamepad:before { - content: "\f11b"; -} -.icon-keyboard:before { - content: "\f11c"; -} -.icon-flag-alt:before { - content: "\f11d"; -} -.icon-flag-checkered:before { - content: "\f11e"; -} -.icon-terminal:before { - content: "\f120"; -} -.icon-code:before { - content: "\f121"; -} -.icon-reply-all:before { - content: "\f122"; -} -.icon-mail-reply-all:before { - content: "\f122"; -} -.icon-star-half-full:before, -.icon-star-half-empty:before { - content: "\f123"; -} -.icon-location-arrow:before { - content: "\f124"; -} -.icon-crop:before { - content: "\f125"; -} -.icon-code-fork:before { - content: "\f126"; -} -.icon-unlink:before { - content: "\f127"; -} -.icon-question:before { - content: "\f128"; -} -.icon-info:before { - content: "\f129"; -} -.icon-exclamation:before { - content: "\f12a"; -} -.icon-superscript:before { - content: "\f12b"; -} -.icon-subscript:before { - content: "\f12c"; -} -.icon-eraser:before { - content: "\f12d"; -} -.icon-puzzle-piece:before { - content: "\f12e"; -} -.icon-microphone:before { - content: "\f130"; -} -.icon-microphone-off:before { - content: "\f131"; -} -.icon-shield:before { - content: "\f132"; -} -.icon-calendar-empty:before { - content: "\f133"; -} -.icon-fire-extinguisher:before { - content: "\f134"; -} -.icon-rocket:before { - content: "\f135"; -} -.icon-maxcdn:before { - content: "\f136"; -} -.icon-chevron-sign-left:before { - content: "\f137"; -} -.icon-chevron-sign-right:before { - content: "\f138"; -} -.icon-chevron-sign-up:before { - content: "\f139"; -} -.icon-chevron-sign-down:before { - content: "\f13a"; -} -.icon-html5:before { - content: "\f13b"; -} -.icon-css3:before { - content: "\f13c"; -} -.icon-anchor:before { - content: "\f13d"; -} -.icon-unlock-alt:before { - content: "\f13e"; -} -.icon-bullseye:before { - content: "\f140"; -} -.icon-ellipsis-horizontal:before { - content: "\f141"; -} -.icon-ellipsis-vertical:before { - content: "\f142"; -} -.icon-rss-sign:before { - content: "\f143"; -} -.icon-play-sign:before { - content: "\f144"; -} -.icon-ticket:before { - content: "\f145"; -} -.icon-minus-sign-alt:before { - content: "\f146"; -} -.icon-check-minus:before { - content: "\f147"; -} -.icon-level-up:before { - content: "\f148"; -} -.icon-level-down:before { - content: "\f149"; -} -.icon-check-sign:before { - content: "\f14a"; -} -.icon-edit-sign:before { - content: "\f14b"; -} -.icon-external-link-sign:before { - content: "\f14c"; -} -.icon-share-sign:before { - content: "\f14d"; -} -/** - * Skeleten-em - https://github.com/brandonb927/skeleton-em - */ -/* Base Grid */ -.container:after, -.row:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.container:after, -.row:after { - content: ""; - display: table; - clear: both; -} -.row { - margin-bottom: 20px; - margin-bottom: 1.25rem; -} -.container { - position: relative; - width: 960px; - width: 60rem; - margin: 0 auto; - padding: 0; -} -.container .column, -.container .columns { - float: left; - display: inline; - margin-left: 10px !important; - margin-right: 10px !important; - max-width: 100%; -} -.container .column.alpha, -.container .columns.alpha { - margin-left: 0!important; -} -.container .column.alpha.omega, -.container .columns.alpha.omega { - margin: 0!important; -} -.container .column.omega, -.container .columns.omega { - margin-right: 0!important; -} -.container .column.one { - width: 40px; - width: 2.5rem; -} -.container .column.one-third { - width: 300px; - width: 18.75rem; -} -.container .column.two-thirds { - width: 620px; - width: 38.75rem; -} -.container .columns.two { - width: 100px; - width: 6.25rem; -} -.container .columns.three { - width: 160px; - width: 10rem; -} -.container .columns.four { - width: 220px; - width: 13.75rem; -} -.container .columns.five { - width: 280px; - width: 17.5rem; -} -.container .columns.six { - width: 340px; - width: 21.25rem; -} -.container .columns.seven { - width: 400px; - width: 25rem; -} -.container .columns.eight { - width: 460px; - width: 28.75rem; -} -.container .columns.nine { - width: 520px; - width: 32.5rem; -} -.container .columns.ten { - width: 580px; - width: 36.25rem; -} -.container .columns.eleven { - width: 640px; - width: 40rem; -} -.container .columns.twelve { - width: 700px; - width: 43.75rem; -} -.container .columns.thirteen { - width: 760px; - width: 47.5rem; -} -.container .columns.fourteen { - width: 820px; - width: 51.25rem; -} -.container .columns.fifteen { - width: 880px; - width: 55rem; -} -.container .columns.sixteen { - width: 940px; - width: 58.75rem; -} -.container .offset-by-one { - padding-left: 60px; - padding-left: 3.75rem; -} -.container .offset-by-two { - padding-left: 120px; - padding-left: 7.5rem; -} -.container .offset-by-three { - padding-left: 180px; - padding-left: 11.25rem; -} -.container .offset-by-four { - padding-left: 240px; - padding-left: 15rem; -} -.container .offset-by-five { - padding-left: 300px; - padding-left: 18.75rem; -} -.container .offset-by-six { - padding-left: 360px; - padding-left: 22.5rem; -} -.container .offset-by-seven { - padding-left: 420px; - padding-left: 26.25rem; -} -.container .offset-by-eight { - padding-left: 480px; - padding-left: 30rem; -} -.container .offset-by-nine { - padding-left: 540px; - padding-left: 33.75rem; -} -.container .offset-by-ten { - padding-left: 600px; - padding-left: 37.5rem; -} -.container .offset-by-eleven { - padding-left: 660px; - padding-left: 41.25rem; -} -.container .offset-by-twelve { - padding-left: 720px; - padding-left: 45rem; -} -.container .offset-by-thirteen { - padding-left: 780px; - padding-left: 48.75rem; -} -.container .offset-by-fourteen { - padding-left: 840px; - padding-left: 52.5rem; -} -.container .offset-by-fifteen { - padding-left: 900px; - padding-left: 56.25rem; -} -@media only screen and (max-width: 59.938em) and (min-width: 48em) { - .container { - width: 768px; - width: 48rem; - } - .container .column, - .container .columns { - margin-left: 10px !important; - margin-right: 10px !important; - } - .container .column.alpha, - .container .columns.alpha { - margin-left: 0!important; - margin-right: 10px !important; - } - .container .column.omega, - .container .columns.omega { - margin-right: 0!important; - margin-left: 10px !important; - } - .container .column.one { - width: 28px; - width: 1.75rem; - } - .container .column.one-third { - width: 236px; - width: 14.75rem; - } - .container .column.two-thirds { - width: 492px; - width: 30.75rem; - } - .container .columns.two { - width: 76px; - width: 4.75rem; - } - .container .columns.three { - width: 124px; - width: 7.75rem; - } - .container .columns.four { - width: 172px; - width: 10.75rem; - } - .container .columns.five { - width: 220px; - width: 13.75rem; - } - .container .columns.six { - width: 268px; - width: 16.75rem; - } - .container .columns.seven { - width: 316px; - width: 19.75rem; - } - .container .columns.eight { - width: 364px; - width: 22.75rem; - } - .container .columns.nine { - width: 412px; - width: 25.75rem; - } - .container .columns.ten { - width: 460px; - width: 28.75rem; - } - .container .columns.eleven { - width: 508px; - width: 31.75rem; - } - .container .columns.twelve { - width: 556px; - width: 34.75rem; - } - .container .columns.thirteen { - width: 604px; - width: 37.75rem; - } - .container .columns.fourteen { - width: 652px; - width: 40.75rem; - } - .container .columns.fifteen { - width: 700px; - width: 43.75rem; - } - .container .columns.sixteen { - width: 748px; - width: 46.75rem; - } - .container .offset-by-one { - padding-left: 48px; - padding-left: 3rem; - } - .container .offset-by-two { - padding-left: 96px; - padding-left: 6rem; - } - .container .offset-by-three { - padding-left: 144px; - padding-left: 9rem; - } - .container .offset-by-four { - padding-left: 192px; - padding-left: 12rem; - } - .container .offset-by-five { - padding-left: 240px; - padding-left: 15rem; - } - .container .offset-by-six { - padding-left: 288px; - padding-left: 18rem; - } - .container .offset-by-seven { - padding-left: 336px; - padding-left: 21rem; - } - .container .offset-by-eight { - padding-left: 384px; - padding-left: 24rem; - } - .container .offset-by-nine { - padding-left: 432px; - padding-left: 27rem; - } - .container .offset-by-ten { - padding-left: 480px; - padding-left: 30rem; - } - .container .offset-by-eleven { - padding-left: 528px; - padding-left: 33rem; - } - .container .offset-by-twelve { - padding-left: 576px; - padding-left: 36rem; - } - .container .offset-by-thirteen { - padding-left: 624px; - padding-left: 39rem; - } - .container .offset-by-fourteen { - padding-left: 672px; - padding-left: 42rem; - } - .container .offset-by-fifteen { - padding-left: 720px; - padding-left: 45rem; - } -} -@media only screen and (max-width: 47.938em) and (min-width: 30em) { - .container { - width: 420px; - width: 26.25rem; - } - .container .columns, - .container .column { - margin: 0!important; - } - .container .column.one-third, - .container .column.two-thirds, - .container .column.one { - width: 420px; - width: 26.25rem; - } - .container .columns.two, - .container .columns.three, - .container .columns.four, - .container .columns.five, - .container .columns.six, - .container .columns.seven, - .container .columns.eight, - .container .columns.nine, - .container .columns.ten, - .container .columns.eleven, - .container .columns.twelve, - .container .columns.thirteen, - .container .columns.fourteen, - .container .columns.fifteen, - .container .columns.sixteen { - width: 420px; - width: 26.25rem; - } -} -@media only screen and (max-width: 47.938em) { - .container { - width: 90%; - } - .container .columns, - .container .column { - margin: 0!important; - } - .container .column.one, - .container .column.one-third, - .container .column.two-thirds { - width: 100%; - } - .container .columns.two, - .container .columns.three, - .container .columns.four, - .container .columns.five, - .container .columns.six, - .container .columns.seven, - .container .columns.eight, - .container .columns.nine, - .container .columns.ten, - .container .columns.eleven, - .container .columns.twelve, - .container .columns.thirteen, - .container .columns.fourteen, - .container .columns.fifteen, - .container .columns.sixteen { - width: 100%; - } - .container .offset-by-one { - padding-left: 0; - } - .container .offset-by-two { - padding-left: 0; - } - .container .offset-by-three { - padding-left: 0; - } - .container .offset-by-four { - padding-left: 0; - } - .container .offset-by-five { - padding-left: 0; - } - .container .offset-by-six { - padding-left: 0; - } - .container .offset-by-seven { - padding-left: 0; - } - .container .offset-by-eight { - padding-left: 0; - } - .container .offset-by-nine { - padding-left: 0; - } - .container .offset-by-ten { - padding-left: 0; - } - .container .offset-by-eleven { - padding-left: 0; - } - .container .offset-by-twelve { - padding-left: 0; - } - .container .offset-by-thirteen { - padding-left: 0; - } - .container .offset-by-fourteen { - padding-left: 0; - } - .container .offset-by-fifteen { - padding-left: 0; - } -} -/* ====================== */ -/* Set viewport to device width for responsive view */ -@-webkit-viewport { - width: device-width; -} -@-moz-viewport { - width: device-width; -} -@-ms-viewport { - width: device-width; -} -@-o-viewport { - width: device-width; -} -@viewport { - width: device-width; -} -* { - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-repeat: no-repeat; -} -html { - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - background-color: transparent; -} -body { - color: #636363; - line-height: 1.625; - font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 0.875rem; - background-color: #f3f0eb; -} -/** - * Global - * ================================ */ -/* Headings */ -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 8px 0; - color: #636363; - font-family: 'EB Garamond', Georgia, Times, serif; - line-height: 1.4; - font-weight: normal; -} -h1.title, -h2.title, -h3.title, -h4.title, -h5.title, -h6.title { - color: #707070; - border-bottom-width: 1px; - border-bottom-width: 0.0625rem; - border-bottom: solid #d7d7d7; -} -h1 a, -h2 a, -h3 a, -h4 a, -h5 a, -h6 a { - font-weight: inherit; -} -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - color: #898989; - font-weight: normal; - font-size: 70%; -} -h1 { - font-size: 36px; - font-size: 2.25rem; -} -h2 { - font-size: 24px; - font-size: 1.5rem; -} -h3 { - font-size: 21px; - font-size: 1.3125rem; -} -h4 { - font-size: 18px; - font-size: 1.125rem; -} -h5 { - font-size: 16px; - font-size: 1rem; -} -h6 { - font-size: 14px; - font-size: 0.875rem; -} -p { - margin: 0; - margin-bottom: 15px; - margin-bottom: 0.9375rem; -} -p img { - margin: 0; -} -img { - max-width: 100%; - height: auto; -} -a { - -webkit-transition: all 0.1s ease-in-out; - -moz-transition: all 0.1s ease-in-out; - -o-transition: all 0.1s ease-in-out; - transition: all 0.1s ease-in-out; - -webkit-transform: translate3d(0, 0, 0); - color: #b22130; - text-decoration: none; -} -a:hover, -a:active, -a:focus { - color: #cd4654; -} -ul, -ol { - margin-left: 40px; - margin-left: 2.5rem; - padding: 0; -} -cite, -em, -i { - font-style: italic; -} -blockquote, -blockquote p { - font-size: 17px; - font-size: 1.0625rem; - color: #898989; - font-style: italic; -} -blockquote { - margin: 0; - margin-left: 30px; - margin-left: 1.875rem; - margin-bottom: 30px; - margin-bottom: 1.875rem; - padding: 9px 30px; - padding: 0.5625rem 30px; - padding: 9px 1.875rem; - padding: 0.5625rem 1.875rem; - border-left-width: 4px; - border-left-width: 0.25rem; - border-left: solid #cccccc; - font-size: 16px; - font-size: 1rem; - font-weight: 400; - font-family: "Vollkorn"; - line-height: 1.625; -} -blockquote cite { - display: block; - font-size: 12px; - font-size: 0.75rem; - color: #555555; -} -blockquote cite:before { - content: "\2014 \0020"; -} -blockquote cite a, -blockquote cite a:visited, -blockquote cite a:visited { - color: #555555; -} -blockquote.right { - text-align: right; - border-left: none; - border-right-width: 1px; - border-right-width: 0.0625rem; - border-right: solid #d7d7d7; -} -sub, -sup { - position: relative; - vertical-align: baseline; - font-size: 75%; - line-height: 0; -} -sup { - top: -8px; - top: -0.5rem; -} -sub { - bottom: -4px; - bottom: -0.25rem; -} - i, -em { - font-style: italic; -} -b, -strong { - font-weight: bold; - color: #363636; -} -small { - font-size: 75%; -} -hr { - border-width: 0; - border: solid #d7d7d7; - border-top-width: 1px; - border-top-width: 0.0625rem; - margin: 0 0 10px; - height: 0; -} -hr:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -hr:after { - content: ""; - display: table; - clear: both; -} -hr.large { - margin: 20px 0; - margin: 1.25rem 0; - height: 8px; - height: 0.5rem; - background: #ebebeb; - border: none; -} -pre, -code { - font-size: 13px; - font-size: 0.8125rem; -} -pre { - background: #ebebeb; - font-family: "Courier 10 Pitch", Courier, monospace; - margin-bottom: 15px; - margin-bottom: 0.9375rem; - padding: 15px; - padding: 0.9375rem; -} -code { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -} -figure { - margin: 0; -} -table { - margin: 0 0 1.5em; - width: 100%; -} -th { - font-weight: bold; -} -.avatar a, -.avatar img { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - margin: auto; - padding: 0; -} -.avatar a { - display: inline-block; - height: 96px; - height: 6rem; - width: 96px; - width: 6rem; - -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); - border: solid #ffffff; - border-width: 2px; - border-width: 0.125rem; -} -.avatar img { - height: 92px; - height: 5.75rem; - width: 92px; - width: 5.75rem; -} -/* Make sure embeds and iframes fit their containers */ -embed, -iframe, -object { - max-width: 100%; -} -body { - padding-top: 30px; - padding-top: 1.875rem; - padding-bottom: 30px; - padding-bottom: 1.875rem; -} -/* Header */ -.site-header, -.site-content { - margin-bottom: 30px; - margin-bottom: 1.875rem; -} -.site-header { - background: #ffffff; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; - /* Site nav */ -} -.site-header .header-top { - margin: 0 0 10px; - text-align: center; -} -.site-header .header-top h1 { - padding-top: 15px; - padding-top: 0.9375rem; - text-transform: uppercase; -} -.site-header .header-top h1 a { - color: #111111; -} -.site-header .header-top h2 { - padding-top: 5px; - padding-top: 0.3125rem; -} -.site-header .site-nav { - height: 45px; - height: 2.8125rem; - margin-top: 30px; - margin-top: 1.875rem; - font-size: 12px; - font-size: 0.75rem; - text-transform: uppercase; - list-style: none; -} -.site-header .nav-menu { - margin-left: 0; - text-align: center; -} -.site-header .nav-menu > li { - display: inline-block; -} -.site-header .nav-menu > li > a { - margin: 17px 10px 18px; - border: none; -} -.site-header .nav-menu > li > a:hover, -.site-header .nav-menu > li > a.active { - color: #cd4654; -} -/* Footer */ -.site-footer { - background-color: #ffffff; - padding: 20px 30px; - font-size: 12px; - font-size: 0.75rem; - text-align: center; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; -} -.site-footer p { - margin: 0; -} -/* =================================== */ -/* Blog Post (blog feed) */ -.feed-item { - margin-bottom: 30px; - margin-bottom: 1.875rem; -} -/* Blog Post (single post) */ -.blog-post, -.blog-page { - padding: 30px; - padding: 1.875rem; - background-color: #ffffff; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; -} -.post-single { - margin: 0 0 10px; -} -.post-header:after, -.post-body:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.post-header:after, -.post-body:after { - content: ""; - display: table; - clear: both; -} -.post-header { - color: #111111; - margin-bottom: 30px; - margin-bottom: 1.875rem; -} -.post-body .socialbar-container { - padding-top: 30px; -} -.post-title { - margin-bottom: 5px; - margin-bottom: 0.3125rem; - color: #111111; -} -.post-title:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.post-title:after { - content: ""; - display: table; - clear: both; -} -.post-title a { - color: inherit; -} -.post-metadata { - font-size: 11px; - font-size: 0.6875rem; - text-transform: uppercase; - color: #b22130; -} -.post-metadata:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.post-metadata:after { - content: ""; - display: table; - clear: both; -} -.post-metadata p { - margin: 0; -} -.post-metadata .left, -.post-metadata .right { - display: inline-block; - width: 48.9%; -} -.post-metadata .left { - float: left; - text-align: left; -} -.post-metadata .right { - float: right; - text-align: right; -} -.post-comment-count { - margin-top: 20px; - margin-top: 1.25rem; - font-size: 11px; - font-size: 0.6875rem; -} -.post-content { - display: block; - /* from elements.less in assets */ -} -.post-content ul, -.post-content ol, -.post-content li, -.post-content blockquote, -.post-content p, -.post-content div, -.post-content b, -.post-content i { - text-align: left; -} -.post-content ul strong, -.post-content ol strong, -.post-content li strong, -.post-content blockquote strong, -.post-content p strong, -.post-content div strong, -.post-content b strong, -.post-content i strong { - font-weight: bold; -} -.post-content b { - font-weight: bold; -} -.post-content p, -.post-content div { - padding: 7.5px 0; - margin: 0; -} -.post-content p.gist, -.post-content div.gist { - padding: 0; - margin: 0; -} -.post-content p.gist .gist-file, -.post-content div.gist .gist-file, -.post-content p.gist .gist-data, -.post-content div.gist .gist-data, -.post-content p.gist .gist-syntax, -.post-content div.gist .gist-syntax, -.post-content p.gist .file-data, -.post-content div.gist .file-data, -.post-content p.gist .line, -.post-content div.gist .line { - padding: 0; - margin: 0; -} -.post-content table { - margin: 0; - padding: 0; -} -.post-content blockquote { - padding: 7.5px 15px; - margin: 7.5px 0; - border-left: 5px solid #e5e5e5; -} -.post-content ul { - padding: 7.5px 0 11.25px; - margin-left: 50px; -} -.post-content ul li { - padding: 0; - margin: 0; - list-style-type: square; -} -.post-content ol { - padding: 7.5px 0 11.25px; - margin-left: 30px; -} -.post-content ol li { - padding: 0; - margin: 0; - list-style-type: decimal; -} -.post-content h1 { - padding-bottom: 15px; -} -.post-content h2, -.post-content h3 { - padding-top: 15px; -} -.post-content img { - max-width: 100%; - height: auto; -} -.post-content .mejs-container { - margin-top: 7.5px; -} -.post-content .post-pdf { - position: relative; -} -.post-content .post-pdf .pdf-fullscreen { - position: absolute; - bottom: 30px; - left: 30px; - color: #000; - font-size: 12px; - padding: 10px; - background-color: #1abc9c; - border-radius: 7px; - -moz-opacity: 0.3; - -khtml-opacity: 0.3; - -webkit-opacity: 0.3; - opacity: 0.3; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); - filter: alpha(opacity=30); - -webkit-transition: all 0.1s ease-in; - -moz-transition: all 0.1s ease-in; - -o-transition: all 0.1s ease-in; - transition: all 0.1s ease-in; - -webkit-appearance: none; - cursor: pointer; - border: 0; -} -.post-content .post-pdf .pdf-fullscreen:hover { - color: #fff; - -moz-opacity: 1; - -khtml-opacity: 1; - -webkit-opacity: 1; - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); - filter: alpha(opacity=100); -} -.post-content .post-pdf object { - display: block; - min-height: 400px; -} -.post-tags { - margin: 30px 0 0; -} -.post-readmore { - float: right; - display: inline-block; - background: #cd4654; - color: #ffffff; - padding: 5px 10px; -} -.blog-pagination { - background-color: #ffffff; - padding: 15px; - padding: 0.9375rem; - margin-bottom: 10px; - margin-bottom: 0.625rem; - text-align: center; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; -} -.blog-pagination:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.blog-pagination:after { - content: ""; - display: table; - clear: both; -} -.pagination-newer { - float: left; -} -.pagination-older { - float: right; -} -.post-pdf { - position: relative; -} -.post-pdf .pdf-fullscreen { - position: absolute; - bottom: 30px; - bottom: 1.875rem; - left: 30px; - left: 1.875rem; - color: #000; - font-size: 12px; - font-size: 0.75rem; - padding: 10px; - padding: 0.625rem; - background-color: #d7d7d7; - border-radius: 7px; - -moz-opacity: 0.3; - -khtml-opacity: 0.3; - -webkit-opacity: 0.3; - opacity: 0.3; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); - filter: alpha(opacity=30); - -webkit-transition: all 0.1s ease-in; - -moz-transition: all 0.1s ease-in; - -o-transition: all 0.1s ease-in; - transition: all 0.1s ease-in; - -webkit-appearance: none; - cursor: pointer; - border: 0; -} -.post-pdf .pdf-fullscreen:hover { - -moz-opacity: 1; - -khtml-opacity: 1; - -webkit-opacity: 1; - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); - filter: alpha(opacity=100); -} -.post-pdf object { - display: block; - min-height: 400px; - min-height: 25rem; -} -/* Page */ -.blog-page { - margin-bottom: 10px; - margin-bottom: 0.625rem; - background: #ffffff; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; -} -.page-title { - color: #111111; - font-weight: bold; -} -/* Sidebar Widgets */ -.widget { - margin-bottom: 30px; - margin-bottom: 1.875rem; - background: #ffffff; - padding: 0; - border-bottom: solid #d7d7d7; - border-bottom-width: 2px; - border-bottom-width: 0.125rem; -} -.widget ul { - list-style-type: none; - list-style: none; - margin: 0; - padding: 0; -} -.widget ul > li { - padding: 7px 0; - margin: 0; - border-bottom: solid #d7d7d7; - border-bottom-width: 1px; - border-bottom-width: 0.0625rem; -} -.widget ul > li:last-child { - border: 0; -} -.widget-title { - padding: 15px; - padding: 0.9375rem; - font-weight: normal; - color: #252525; - background: #ffffff; - text-align: center; -} -.widget-title a { - color: inherit; -} -.widget-content { - margin: 0; - padding: 0 15px 15px; -} -.widget-about { - text-align: center; -} -.widget-about .avatar { - margin-bottom: 15px; - margin-bottom: 0.9375rem; -} -.widget-about ul li { - border: none; -} -.social-links { - margin-top: 15px; - margin-top: 0.9375rem; - text-align: center; -} -.social-links:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.social-links:after { - content: ""; - display: table; - clear: both; -} -.social-links li { - display: inline-block; - margin-right: 10px; - margin-right: 0.625rem; - list-style: none; -} -.social-links li:last-child { - margin-right: 0px; -} -.widget-tagcloud ul:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.widget-tagcloud ul:after { - content: ""; - display: table; - clear: both; -} -.widget-tagcloud ul > li { - margin-right: 6px; - margin-right: 0.375rem; - margin-bottom: 6px; - margin-bottom: 0.375rem; - padding: 0; - float: left; - font-size: 12px; - font-size: 0.75rem; - border: 0; -} -/* - * Greater than 1200px width - */ -/* - * Less than 959px width - */ -/* - * Less than 767px width - */ -@media screen and (max-width: 47.9375em) { - .widget-about .avatar img { - height: 62px; - height: 3.875rem; - width: 62px; - width: 3.875rem; - } - .widget-about .avatar a { - height: 66px; - height: 4.125rem; - width: 66px; - width: 4.125rem; - } -} -/* - * Less than 479px width - */ -.login { - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - top: 0; - left: 0; - height: 100%; - display: block; - width: 100%; - padding-top: 100px; - background-color: transparent; -} -.login form { - background-color: #fff; - padding: 40px; - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: 380px; - margin: 0 auto; -} -.login form div { - padding-bottom: 7px; -} -.login input { - display: block; - width: 100%; - height: auto; - font-size: 12pt; - line-height: 12pt; - padding: 7px; -} -.login input.input-password { - margin: 0; -} -.login input.input-submit { - color: #fff; - border: 0; - background-color: #2eb18d; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.login label { - font-weight: bold; - font-size: 10pt; - line-height: 10pt; - padding-bottom: 7px; -} -.login p { - padding-bottom: 20px; - margin: 0; -} -.login p.login-copyright { - padding-top: 20px; - font-size: 9pt; -} -.login .login-error { - display: block; - background-color: #f76643; - color: #fff; - font-size: 10pt; - line-height: 10pt; - padding: 7px; -} +12121