Last active
December 31, 2015 07:58
-
-
Save georgeolaru/7957141 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /*-----------------------------------------------*\ | |
| STYLE GUIDE | |
| \*-----------------------------------------------*/ | |
| /*-----------------------------------------------*\ | |
| INUIT.CSS CONFIGURATION | |
| AND IMPORT | |
| \*-----------------------------------------------*/ | |
| /*------------------------------------*\ | |
| INUIT.CSS | |
| \*------------------------------------*/ | |
| /** | |
| * | |
| * inuitcss.com -- @inuitcss -- @csswizardry | |
| * | |
| */ | |
| /** | |
| * inuit.css acts as a base stylesheet which you should extend with your own | |
| * theme stylesheet. | |
| * | |
| * inuit.css aims to do the heavy lifting; sorting objects and abstractions, | |
| * design patterns and fiddly bits of CSS, whilst leaving as much design as | |
| * possible to you. inuit.css is the scaffolding to your decorator. | |
| * | |
| * This stylesheet is heavily documented and contains lots of comments, please | |
| * take care to read and refer to them as you build. For further support please | |
| * tweet at @inuitcss. | |
| * | |
| * Owing to the amount of comments please only ever use minified CSS in | |
| * production. This file is purely a dev document. | |
| * | |
| * The table of contents below maps to section titles of the same name, to jump | |
| * to any section simply run a find for $[SECTION-TITLE]. | |
| * | |
| * Most objects and abstractions come with a chunk of markup that you should be | |
| * able to paste into any view to quickly see how the CSS works in conjunction | |
| * with the correct HTML. | |
| * | |
| * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines | |
| * | |
| * 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. | |
| * | |
| * Thank you for choosing inuit.css. May your web fonts render perfectly. | |
| */ | |
| /*------------------------------------*\ | |
| $CONTENTS | |
| \*------------------------------------*/ | |
| /** | |
| * CONTENTS............YouΓÇÖre reading it! | |
| * WARNING.............Here be dragons! | |
| * IMPORTS.............Begin importing the sections below | |
| * | |
| * MIXINS..............Super-simple Sass stuff | |
| * NORMALIZE...........normalize.css | |
| * RESET...............Set some defaults | |
| * CLEARFIX............ | |
| * SHARED..............Shared declarations | |
| * | |
| * MAIN................High-level elements like `html`, `body`, etc. | |
| * HEADINGS............Double-stranded heading hierarchy | |
| * PARAGRAPHS.......... | |
| * SMALLPRINT..........Smaller text elements like `small` | |
| * QUOTES.............. | |
| * CODE................ | |
| * LISTS............... | |
| * IMAGES.............. | |
| * TABLES.............. | |
| * FORMS............... | |
| * | |
| * GRIDS...............Fluid, proportional and nestable grids | |
| * FLEXBOX.............Crudely emulate flexbox | |
| * COLUMNS.............CSS3 columns | |
| * NAV.................A simple abstraction to put a list in horizontal nav mode | |
| * OPTIONS.............Grouped nav items | |
| * PAGINATION..........Very stripped back, basic paginator | |
| * BREADCRUMB..........Simple breadcrumb trail object | |
| * MEDIA...............Media object | |
| * MARGINALIA..........Simple marginalia content | |
| * ISLAND..............Boxed off content | |
| * BLOCK-LIST..........Blocky lists of content | |
| * MATRIX..............Gridded lists | |
| * SPLIT...............A simple split-in-two object | |
| * THIS-OR-THIS........Options object | |
| * LINK-COMPLEX........ | |
| * FLYOUT..............Flyout-on-hover object | |
| * ARROWS..............CSS arrows | |
| * SPRITE..............Generic spriting element | |
| * ICON-TEXT...........Icon and text couplings | |
| * BEAUTONS............Use the beautons micro library | |
| * LOZENGES............Basic lozenge styles | |
| * RULES...............Horizontal rules | |
| * STATS...............Simple stats object | |
| * GREYBOX.............Wireframing styles | |
| * | |
| * WIDTHS..............Width classes for use alongside the grid system etc. | |
| * PUSH................Push classes for manipulating grids | |
| * PULL................Pull classes for manipulating grids | |
| * BRAND...............Helper class to apply brand treatment to elements | |
| * HELPER..............A series of helper classes to use arbitrarily | |
| * DEBUG...............Enable to add visual flags for debugging purposes | |
| */ | |
| /*------------------------------------*\ | |
| $WARNING | |
| \*------------------------------------*/ | |
| /* | |
| * inuit.css, being an OO framework, works in keeping with the open/closed | |
| * principle. The variables you set previously are now being used throughout | |
| * inuit.css to style everything we need for a base. Any custom styles SHOULD | |
| * NOT be added or modified in inuit.css directly, but added via your theme | |
| * stylesheet as per the open/closed principle: | |
| * | |
| * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css | |
| * | |
| * Try not to edit any CSS beyond this point; if you find you need to do so | |
| * it is a failing of the framework so please tweet at @inuitcss. | |
| */ | |
| /*------------------------------------*\ | |
| $IMPORTS | |
| \*------------------------------------*/ | |
| /** | |
| * Generic utility styles etc. | |
| */ | |
| /*------------------------------------*\ | |
| $DEFAULTS | |
| \*------------------------------------*/ | |
| /** | |
| * inuit.cssΓÇÖ default variables. Redefine these in your `_vars.scss` file (found | |
| * in the inuit.css-web-template) to override them. | |
| */ | |
| /*------------------------------------*\ | |
| $DEBUG | |
| \*------------------------------------*/ | |
| /** | |
| * Debug mode will visually highlight any potential markup/accessibility quirks | |
| * in the browser. Set to `true` or `false`. | |
| */ | |
| /*------------------------------------*\ | |
| $BORDER-BOX | |
| \*------------------------------------*/ | |
| /** | |
| * Do you want all elements to adopt `box-sizing:border-box;` as per | |
| * paulirish.com/2012/box-sizing-border-box-ftw ? | |
| */ | |
| /*------------------------------------*\ | |
| $BASE | |
| \*------------------------------------*/ | |
| /** | |
| * Base stuff | |
| */ | |
| /** | |
| * Base font-family. | |
| */ | |
| /** | |
| * Default colour for objectsΓÇÖ borders etc. | |
| */ | |
| /*------------------------------------*\ | |
| $RESPONSIVE | |
| \*------------------------------------*/ | |
| /** | |
| * Responsiveness? | |
| */ | |
| /** | |
| * Responsiveness for widescreen/high resolution desktop monitors and beyond? | |
| * Note: `$responsive` variable above must be set to true before enabling this. | |
| */ | |
| /** | |
| * Responsive push and pull produce a LOT of code, only turn them on if you | |
| * definitely need them. | |
| */ | |
| /** | |
| * Note: `$push` variable above must be set to true before enabling these. | |
| */ | |
| /** | |
| * Note: `$pull` variable above must be set to true before enabling these. | |
| */ | |
| /** | |
| * Tell inuit.css when breakpoints start. | |
| */ | |
| /*------------------------------------*\ | |
| $FONT-SIZES | |
| \*------------------------------------*/ | |
| /** | |
| * Font-sizes (in pixels). Refer to relevant sections for their implementations. | |
| */ | |
| /*------------------------------------*\ | |
| $QUOTES | |
| \*------------------------------------*/ | |
| /** | |
| * English quote marks? | |
| */ | |
| /** | |
| * If you want English quotes then please do not edit these; theyΓÇÖre only here | |
| * because Sass needs them. | |
| */ | |
| /** | |
| * If you need non-English quotes, please alter the following values accordingly: | |
| */ | |
| /*------------------------------------*\ | |
| $BRAND | |
| \*------------------------------------*/ | |
| /** | |
| * Brand stuff | |
| */ | |
| /** | |
| * How big would you like round corners to be by default? | |
| */ | |
| /*------------------------------------*\ | |
| $OBJECTS AND ABSTRACTIONS | |
| \*------------------------------------*/ | |
| /** | |
| * Which objects and abstractions would you like to use? | |
| */ | |
| /*------------------------------------*\ | |
| $FRAMEWORK | |
| \*------------------------------------*/ | |
| /** | |
| * inuit.css will work these next ones out for use within the framework. | |
| * | |
| * Assign our `$base-line-height` to a new spacing var for more transparency. | |
| */ | |
| /*------------------------------------*\ | |
| $MIXINS | |
| \*------------------------------------*/ | |
| /** | |
| * Create a fully formed type style (sizing and vertical rhythm) by passing in a | |
| * single value, e.g.: | |
| * | |
| `@include font-size(10px);` | |
| * | |
| * Thanks to @redclov3r for the `line-height` Sass: | |
| * twitter.com/redclov3r/status/250301539321798657 | |
| */ | |
| /** | |
| * Convert basic px measurements into rem units | |
| */ | |
| /** | |
| * Style any number of headings in one fell swoop, e.g.: | |
| * | |
| .foo{ | |
| @include headings(1, 3){ | |
| color:#BADA55; | |
| } | |
| } | |
| * | |
| * With thanks to @lar_zzz, @paranoida and @rowanmanning for refining and | |
| * improving my initial mixin. | |
| */ | |
| /**/ | |
| /** | |
| * Create vendor-prefixed CSS in one go, e.g. | |
| * | |
| `@include vendor(border-radius, 4px);` | |
| * | |
| */ | |
| /** | |
| * Create CSS keyframe animations for all vendors in one go, e.g.: | |
| * | |
| .foo{ | |
| @include vendor(animation, shrink 3s); | |
| } | |
| @include keyframe(shrink){ | |
| from{ | |
| font-size:5em; | |
| } | |
| } | |
| * | |
| * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569 | |
| */ | |
| /** | |
| * Force overly long spans of text to truncate, e.g.: | |
| * | |
| `@include truncate(100%);` | |
| * | |
| * Where `$truncation-boundary` is a united measurement. | |
| */ | |
| /** | |
| * CSS arrows!!! But... before you read on, you might want to grab a coffee... | |
| * | |
| * This mixin creates a CSS arrow on a given element. We can have the arrow | |
| * appear in one of 12 locations, thus: | |
| * | |
| * 01 02 03 | |
| * +------------------+ | |
| * 12 | | 04 | |
| * | | | |
| * 11 | | 05 | |
| * | | | |
| * 10 | | 06 | |
| * +------------------+ | |
| * 09 08 07 | |
| * | |
| * You pass this position in along with a desired arrow color and optional | |
| * border color, for example: | |
| * | |
| * `@include arrow(top, left, red)` | |
| * | |
| * for just a single, red arrow, or: | |
| * | |
| * `@include arrow(bottom, center, red, black)` | |
| * | |
| * which will create a red triangle with a black border which sits at the bottom | |
| * center of the element. Call the mixin thus: | |
| * | |
| .foo{ | |
| background-color:#BADA55; | |
| border:1px solid #ACE; | |
| @include arrow(top, left, #BADA55, #ACE); | |
| } | |
| * | |
| */ | |
| /** | |
| * Media query mixin. | |
| * | |
| * ItΓÇÖs not great practice to define solid breakpoints up-front, preferring to | |
| * modify your design when it needs it, rather than assuming youΓÇÖll want a | |
| * change at ΓÇÿmobileΓÇÖ. However, as inuit.css is required to take a hands off | |
| * approach to design decisions, this is the closest we can get to baked-in | |
| * responsiveness. ItΓÇÖs flexible enough to allow you to set your own breakpoints | |
| * but solid enough to be frameworkified. | |
| * | |
| * We define some broad breakpoints in our vars file that are picked up here | |
| * for use in a simple media query mixin. Our options are: | |
| * | |
| * palm | |
| * lap | |
| * lap-and-up | |
| * portable | |
| * desk | |
| * desk-wide | |
| * | |
| * Not using a media query will, naturally, serve styles to all devices. | |
| * | |
| * `@include media-query(palm){ [styles here] }` | |
| * | |
| * We work out your end points for you: | |
| */ | |
| /* normalize.css v2.1.0 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /* | |
| * Correct `block` display not defined in IE 8/9. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; } | |
| /* | |
| * Correct `inline-block` display not defined in IE 8/9. | |
| */ | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; } | |
| /* | |
| * Prevent modern browsers from displaying `audio` without controls. | |
| * Remove excess height in iOS 5 devices. | |
| */ | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; } | |
| /* | |
| * Address styling not present in IE 8/9. | |
| */ | |
| [hidden] { | |
| display: none; } | |
| /* ========================================================================== | |
| Base | |
| ========================================================================== */ | |
| /* | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| * user zoom. | |
| */ | |
| html { | |
| font-family: sans-serif; | |
| /* 1 */ | |
| -webkit-text-size-adjust: 100%; | |
| /* 2 */ | |
| -ms-text-size-adjust: 100%; | |
| /* 2 */ } | |
| /* | |
| * Remove default margin. | |
| */ | |
| body { | |
| margin: 0; } | |
| /* ========================================================================== | |
| Links | |
| ========================================================================== */ | |
| /* | |
| * Address `outline` inconsistency between Chrome and other browsers. | |
| */ | |
| a:focus { | |
| outline: thin dotted; } | |
| /* | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; } | |
| /* ========================================================================== | |
| Typography | |
| ========================================================================== */ | |
| /* | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; } | |
| /* | |
| * Address styling not present in IE 8/9, Safari 5, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; } | |
| /* | |
| * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; } | |
| /* | |
| * Address styling not present in Safari 5 and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; } | |
| /* | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; } | |
| /* | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; } | |
| /* | |
| * Correct font family set oddly in Safari 5 and Chrome. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, serif; | |
| font-size: 1em; } | |
| /* | |
| * Improve readability of pre-formatted text in all browsers. | |
| */ | |
| pre { | |
| white-space: pre-wrap; } | |
| /* | |
| * Set consistent quote types. | |
| */ | |
| q { | |
| quotes: "\201C" "\201D" "\2018" "\2019"; } | |
| /* | |
| * Address inconsistent and variable font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; } | |
| /* | |
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; } | |
| sup { | |
| top: -0.5em; } | |
| sub { | |
| bottom: -0.25em; } | |
| /* ========================================================================== | |
| Embedded content | |
| ========================================================================== */ | |
| /* | |
| * Remove border when inside `a` element in IE 8/9. | |
| */ | |
| img { | |
| border: 0; } | |
| /* | |
| * Correct overflow displayed oddly in IE 9. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; } | |
| /* ========================================================================== | |
| Figures | |
| ========================================================================== */ | |
| /* | |
| * Address margin not present in IE 8/9 and Safari 5. | |
| */ | |
| figure { | |
| margin: 0; } | |
| /* ========================================================================== | |
| Forms | |
| ========================================================================== */ | |
| /* | |
| * Define consistent border, margin, and padding. | |
| */ | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; } | |
| /* | |
| * 1. Correct `color` not being inherited in IE 8/9. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ } | |
| /* | |
| * 1. Correct font family not being inherited in all browsers. | |
| * 2. Correct font size not being inherited in all browsers. | |
| * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-family: inherit; | |
| /* 1 */ | |
| font-size: 100%; | |
| /* 2 */ | |
| margin: 0; | |
| /* 3 */ } | |
| /* | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| button, | |
| input { | |
| line-height: normal; } | |
| /* | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. | |
| * Correct `select` style inheritance in Firefox 4+ and Opera. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; } | |
| /* | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| /* 2 */ | |
| cursor: pointer; | |
| /* 3 */ } | |
| /* | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; } | |
| /* | |
| * 1. Address box sizing set to `content-box` in IE 8/9. | |
| * 2. Remove excess padding in IE 8/9. | |
| */ | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ } | |
| /* | |
| * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| /* 1 */ | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| /* 2 */ | |
| box-sizing: content-box; } | |
| /* | |
| * Remove inner padding and search cancel button in Safari 5 and Chrome | |
| * on OS X. | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; } | |
| /* | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; } | |
| /* | |
| * 1. Remove default vertical scrollbar in IE 8/9. | |
| * 2. Improve readability and alignment in all browsers. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| /* 1 */ | |
| vertical-align: top; | |
| /* 2 */ } | |
| /* ========================================================================== | |
| Tables | |
| ========================================================================== */ | |
| /* | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; } | |
| /*------------------------------------*\ | |
| $RESET | |
| \*------------------------------------*/ | |
| /** | |
| * A more considered reset; more of a restart... | |
| * As per: csswizardry.com/2011/10/reset-restarted | |
| */ | |
| /** | |
| * LetΓÇÖs make the box model all nice, shall we...? | |
| */ | |
| *, *:before, *:after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -o-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| /** | |
| * The usual... | |
| */ | |
| h1, h2, h3, h4, h5, h6, | |
| p, blockquote, pre, | |
| dl, dd, ol, ul, | |
| form, fieldset, legend, | |
| table, th, td, caption, | |
| hr { | |
| margin: 0; | |
| padding: 0; } | |
| /** | |
| * Give a help cursor to elements that give extra info on `:hover`. | |
| */ | |
| abbr[title], dfn[title] { | |
| cursor: help; } | |
| /** | |
| * Remove underlines from potentially troublesome elements. | |
| */ | |
| u, ins { | |
| text-decoration: none; } | |
| /** | |
| * Apply faux underline via `border-bottom`. | |
| */ | |
| ins { | |
| border-bottom: 1px solid; } | |
| /** | |
| * So that `alt` text is visually offset if images donΓÇÖt load. | |
| */ | |
| img { | |
| font-style: italic; } | |
| /** | |
| * Give form elements some cursor interactions... | |
| */ | |
| label, | |
| input, | |
| textarea, | |
| button, | |
| select, | |
| option { | |
| cursor: pointer; } | |
| .text-input:active, | |
| .text-input:focus, | |
| textarea:active, | |
| textarea:focus { | |
| cursor: text; | |
| outline: none; } | |
| /*------------------------------------*\ | |
| $CLEARFIX | |
| \*------------------------------------*/ | |
| /** | |
| * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php | |
| * Extend the clearfix class with Sass to avoid the `.cf` class appearing over | |
| * and over in your markup. | |
| */ | |
| .cf:after, .nav:after, .rsBullets:after, .tabs__nav:after, .popular-posts__time:after, .sub-menu:after, .sub-menu--mega:after, .author__social-links:after, .commentlist:after, .media:after, .author:after, .latest-comments__list:after, .island:after, .reviews:after, | |
| .islet:after, .matrix:after, .multi-list:after, .widget_nav_menu ul:after, .widget_categories ul:after, .widget_meta ul:after, .stat-group:after, .progressbar:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .container:after, .pixcode--grid:after, .nav--main:after, .sub-menu__grid:after, .article--list__link:after, .comments-area-title:after, .heading:after, .widget--sidebar__title:after, .widget--footer__title:after, .wpgrade-flickr-items:after, .wpgrade-dribbble-items:after, .wp-caption:after { | |
| content: ""; | |
| display: table; | |
| clear: both; } | |
| /*------------------------------------*\ | |
| $SHARED | |
| \*------------------------------------*/ | |
| /** | |
| * Where `margin-bottom` is concerned, this value will be the same as the | |
| * base line-height. This allows us to keep a consistent vertical rhythm. | |
| * As per: csswizardry.com/2012/06/single-direction-margin-declarations | |
| */ | |
| /** | |
| * Base elements | |
| */ | |
| h1, h2, h3, h4, h5, h6, hgroup, | |
| ul, ol, dl, | |
| blockquote, p, address, | |
| table, | |
| fieldset, figure, | |
| pre, | |
| .form-fields > li, | |
| .media, | |
| .author, | |
| .latest-comments__list, | |
| .island, | |
| .reviews, | |
| .islet { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet | |
| ul, .islet ol, .islet dl, .islet | |
| blockquote, .islet p, .islet address, .islet | |
| table, .islet | |
| fieldset, .islet figure, .islet | |
| pre, .islet .form-fields > li, .islet | |
| .media, .islet | |
| .author, .islet | |
| .latest-comments__list, .islet | |
| .island, .islet | |
| .reviews, .islet | |
| .islet { | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| /** | |
| * Doubled up `margin-bottom` helper class. | |
| */ | |
| .landmark { | |
| margin-bottom: 48px; | |
| margin-bottom: 3.42857rem; } | |
| /** | |
| * `hr` elements only take up a few pixels, so we need to give them special | |
| * treatment regarding vertical rhythm. | |
| */ | |
| hr { | |
| margin-top: -2px; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| /** | |
| * Where `margin-left` is concerned we want to try and indent certain elements | |
| * by a consistent amount. Define that amount once, here. | |
| */ | |
| ul, ol, dd { | |
| margin-left: 48px; | |
| margin-left: 3.42857rem; } | |
| /** | |
| * Base styles; unclassed HTML elements etc. | |
| */ | |
| /*------------------------------------*\ | |
| $MAIN | |
| \*------------------------------------*/ | |
| html { | |
| font: 0.875em/1.71429 "PT Sans", sans-serif; | |
| overflow-y: scroll; | |
| min-height: 100%; } | |
| /*------------------------------------*\ | |
| $HEADINGS | |
| \*------------------------------------*/ | |
| /** | |
| * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css | |
| * | |
| * When we define a heading we also define a corresponding class to go with it. | |
| * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded | |
| * heading hierarchy. | |
| */ | |
| h1, .alpha { | |
| font-size: 46px; | |
| font-size: 3.28571rem; | |
| line-height: 1.05348; } | |
| h2, .beta { | |
| font-size: 23px; | |
| font-size: 1.64286rem; | |
| line-height: 1.05348; } | |
| h3, .gamma, .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .post-nav-link__title, .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .heading--sidebar .hN, .widget--sidebar__title .hN, .heading--sidebar .article__author-name, .widget--sidebar__title .article__author-name, .heading--sidebar .comment__author-name, .widget--sidebar__title .comment__author-name, .heading--sidebar .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .heading--sidebar .score__label, .widget--sidebar__title .score__label, .heading--footer .hN, .widget--footer__title .hN, .heading--footer .article__author-name, .widget--footer__title .article__author-name, .heading--footer .comment__author-name, .widget--footer__title .comment__author-name, .heading--footer .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading--footer .score__label, .widget--footer__title .score__label, .widget_calendar caption { | |
| font-size: 19px; | |
| font-size: 1.35714rem; | |
| line-height: 1.27316; } | |
| h4, .delta, .article__author-name, .comment__author-name, .score__label { | |
| font-size: 15px; | |
| font-size: 1.07143rem; | |
| line-height: 1.61; } | |
| h5, .epsilon, .article--slider__title .hN, .article--slider__title .article__author-name, .article--slider__title .comment__author-name, .article--slider__title .score__average-wrapper, .article--slider__title .score__label, .article--slider__title .widget_calendar caption, .widget_calendar .article--slider__title caption { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; } | |
| h6, .zeta { | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 1.10091; } | |
| /** | |
| * Heading groups and generic any-heading class. | |
| * To target any heading of any level simply apply a class of `.hN`, e.g.: | |
| * | |
| <hgroup> | |
| <h1 class=hN>inuit.css</h1> | |
| <h2 class=hN>Best. Framework. Ever!</h2> | |
| </hgroup> | |
| * | |
| */ | |
| hgroup .hN, hgroup .article__author-name, hgroup .comment__author-name, hgroup .score__average-wrapper, hgroup .score__label, hgroup .widget_calendar caption, .widget_calendar hgroup caption { | |
| margin-bottom: 0; } | |
| /** | |
| * A series of classes for setting massive type; for use in heroes, mastheads, | |
| * promos, etc. | |
| */ | |
| .giga { | |
| font-size: 96px; | |
| font-size: 6.85714rem; | |
| line-height: 1.135; } | |
| .mega { | |
| font-size: 72px; | |
| font-size: 5.14286rem; | |
| line-height: 1.17667; } | |
| .kilo { | |
| font-size: 48px; | |
| font-size: 3.42857rem; | |
| line-height: 1.26; } | |
| /*------------------------------------*\ | |
| $PARAGRAPHS | |
| \*------------------------------------*/ | |
| /** | |
| * The `.lede` class is used to make the introductory text (usually a paragraph) | |
| * of a document slightly larger. | |
| */ | |
| .lede, | |
| .lead { | |
| font-size: 15.75px; | |
| font-size: 1.125rem; | |
| line-height: 1.53381; } | |
| /*------------------------------------*\ | |
| $SMALLPRINT | |
| \*------------------------------------*/ | |
| /** | |
| * A series of classes for setting tiny type; for use in smallprint etc. | |
| */ | |
| .smallprint, | |
| .milli { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; } | |
| .micro { | |
| font-size: 10px; | |
| font-size: 0.71429rem; | |
| line-height: 1.21; } | |
| /*------------------------------------*\ | |
| $QUOTES | |
| \*------------------------------------*/ | |
| /** | |
| * If English quotes are set in `_vars.scss`, define them here. | |
| */ | |
| /** | |
| * Big up @boblet: html5doctor.com/blockquote-q-cite | |
| */ | |
| /** | |
| * Inline quotes. | |
| */ | |
| q { | |
| quotes: "\2018" "\2019" "\201C" "\201D"; } | |
| q:before { | |
| content: "\2018"; | |
| content: open-quote; } | |
| q:after { | |
| content: "\2019"; | |
| content: close-quote; } | |
| q q:before { | |
| content: "\201C"; | |
| content: open-quote; } | |
| q q:after { | |
| content: "\201D"; | |
| content: close-quote; } | |
| blockquote { | |
| quotes: "\201C" "\201D"; } | |
| blockquote p:before { | |
| content: "\201C"; | |
| content: open-quote; } | |
| blockquote p:after { | |
| content: ""; | |
| content: no-close-quote; } | |
| blockquote p:last-of-type:after { | |
| content: "\201D"; | |
| content: close-quote; } | |
| blockquote q:before { | |
| content: "\2018"; | |
| content: open-quote; } | |
| blockquote q:after { | |
| content: "\2019"; | |
| content: close-quote; } | |
| /** | |
| * | |
| <blockquote> | |
| <p>Insanity: doing the same thing over and over again and expecting | |
| different results.</p> | |
| <b class=source>Albert Einstein</b> | |
| </blockquote> | |
| * | |
| */ | |
| blockquote { | |
| /** | |
| * .4em is roughly equal to the width of the opening ΓÇ£ that we wish to hang. | |
| */ | |
| text-indent: -0.41em; } | |
| blockquote p:last-of-type { | |
| margin-bottom: 0; } | |
| .source { | |
| display: block; | |
| text-indent: 0; } | |
| .source:before { | |
| content: "\2014"; } | |
| /*------------------------------------*\ | |
| $CODE | |
| \*------------------------------------*/ | |
| /** | |
| * Use an explicit font stack to ensure browsers render correct `line-height`. | |
| */ | |
| pre { | |
| overflow: auto; } | |
| pre mark { | |
| background: none; | |
| border-bottom: 1px solid; | |
| color: inherit; } | |
| /** | |
| * Add comments to your code examples, e.g.: | |
| * | |
| <code></div><span class=code-comment><!-- /wrapper --></span></code> | |
| * | |
| */ | |
| .code-comment { | |
| /** | |
| * Override this setting in your theme stylesheet | |
| */ | |
| opacity: 0.75; | |
| filter: alpha(opacity=75); } | |
| /** | |
| * You can add line numbers to your code examples but be warned, it requires | |
| * some pretty funky looking markup, e.g.: | |
| * | |
| <ol class=line-numbers> | |
| <li><code>.nav{</code></li> | |
| <li><code> list-style:none;</code></li> | |
| <li><code> margin-left:0;</code></li> | |
| <li><code>}</code></li> | |
| <li><code> .nav > li,</code></li> | |
| <li><code> .nav > li > a{</code></li> | |
| <li><code> display:inline-block;</code></li> | |
| <li><code> *display:inline-block;</code></li> | |
| <li><code> zoom:1;</code></li> | |
| <li><code> }</code></li> | |
| </ol> | |
| * | |
| * 1. Make the list look like code. | |
| * 2. Give the list flush numbers with a leading zero. | |
| * 3. Make sure lines of code donΓÇÖt wrap. | |
| * 4. Give the code form by forcing the `code` to honour white-space. | |
| */ | |
| .line-numbers { | |
| font-family: monospace, serif; | |
| /* [1] */ | |
| list-style: decimal-leading-zero inside; | |
| /* [2] */ | |
| white-space: nowrap; | |
| /* [3] */ | |
| overflow: auto; | |
| /* [3] */ | |
| margin-left: 0; } | |
| .line-numbers code { | |
| white-space: pre; | |
| /* [4] */ } | |
| /*------------------------------------*\ | |
| $IMAGES | |
| \*------------------------------------*/ | |
| /** | |
| * Demo: jsfiddle.net/inuitcss/yMtur | |
| */ | |
| /** | |
| * Fluid images. | |
| */ | |
| img { | |
| max-width: 100%; } | |
| /** | |
| * Non-fluid images if you specify `width` and/or `height` attributes. | |
| */ | |
| img[width], | |
| img[height] { | |
| max-width: none; } | |
| /** | |
| * Rounded images. | |
| */ | |
| .img--round { | |
| border-radius: 0; } | |
| /** | |
| * Image placement variations. | |
| */ | |
| .img--right { | |
| float: right; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; | |
| margin-left: 24px; | |
| margin-left: 1.71429rem; } | |
| .img--left { | |
| float: left; | |
| margin-right: 24px; | |
| margin-right: 1.71429rem; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .img--center { | |
| display: block; | |
| margin-right: auto; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; | |
| margin-left: auto; } | |
| /** | |
| * Keep your images on your baseline. | |
| * | |
| * Please note, these will not work too nicely with fluid images and will | |
| * distort when resized below a certain width. Use with caution. | |
| */ | |
| .img--short { | |
| height: 120px; | |
| height: 8.57143rem; } | |
| .img--medium { | |
| height: 240px; | |
| height: 17.14286rem; } | |
| .img--tall { | |
| height: 360px; | |
| height: 25.71429rem; } | |
| /** | |
| * Images in `figure` elements. | |
| */ | |
| figure > img { | |
| display: block; } | |
| /*------------------------------------*\ | |
| $LISTS | |
| \*------------------------------------*/ | |
| /** | |
| * Remove vertical spacing from nested lists. | |
| */ | |
| li > ul, | |
| li > ol { | |
| margin-bottom: 0; } | |
| /** | |
| * Have a numbered `ul` without the semantics implied by using an `ol`. | |
| */ | |
| /*ul*/ | |
| .numbered-list { | |
| list-style-type: decimal; } | |
| /*------------------------------------*\ | |
| $TABLES | |
| \*------------------------------------*/ | |
| /** | |
| * We have a lot at our disposal for making very complex table constructs, e.g.: | |
| * | |
| <table class="table--bordered table--striped table--data"> | |
| <colgroup> | |
| <col class=t10> | |
| <col class=t10> | |
| <col class=t10> | |
| <col> | |
| </colgroup> | |
| <thead> | |
| <tr> | |
| <th colspan=3>Foo</th> | |
| <th>Bar</th> | |
| </tr> | |
| <tr> | |
| <th>Lorem</th> | |
| <th>Ipsum</th> | |
| <th class=numerical>Dolor</th> | |
| <th>Sit</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <th rowspan=3>Sit</th> | |
| <td>Dolor</td> | |
| <td class=numerical>03.788</td> | |
| <td>Lorem</td> | |
| </tr> | |
| <tr> | |
| <td>Dolor</td> | |
| <td class=numerical>32.210</td> | |
| <td>Lorem</td> | |
| </tr> | |
| <tr> | |
| <td>Dolor</td> | |
| <td class=numerical>47.797</td> | |
| <td>Lorem</td> | |
| </tr> | |
| <tr> | |
| <th rowspan=2>Sit</th> | |
| <td>Dolor</td> | |
| <td class=numerical>09.640</td> | |
| <td>Lorem</td> | |
| </tr> | |
| <tr> | |
| <td>Dolor</td> | |
| <td class=numerical>12.117</td> | |
| <td>Lorem</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| * | |
| */ | |
| table { | |
| width: 100%; } | |
| th, | |
| td { | |
| padding: 6px; | |
| padding: 0.42857rem; | |
| text-align: left; } | |
| @media screen and (min-width: 480px) { | |
| th, | |
| td { | |
| padding: 12px; | |
| padding: 0.85714rem; } } | |
| /** | |
| * Cell alignments | |
| */ | |
| [colspan] { | |
| text-align: center; } | |
| [colspan="1"] { | |
| text-align: left; } | |
| [rowspan] { | |
| vertical-align: middle; } | |
| [rowspan="1"] { | |
| vertical-align: top; } | |
| .numerical { | |
| text-align: right; } | |
| /** | |
| * In the HTML above we see several `col` elements with classes whose numbers | |
| * represent a percentage width for that column. We leave one column free of a | |
| * class so that column can soak up the effects of any accidental breakage in | |
| * the table. | |
| */ | |
| .t5 { | |
| width: 5%; } | |
| .t10 { | |
| width: 10%; } | |
| .t12 { | |
| width: 12.5%; } | |
| /* 1/8 */ | |
| .t15 { | |
| width: 15%; } | |
| .t20 { | |
| width: 20%; } | |
| .t25 { | |
| width: 25%; } | |
| /* 1/4 */ | |
| .t30 { | |
| width: 30%; } | |
| .t33 { | |
| width: 33.333%; } | |
| /* 1/3 */ | |
| .t35 { | |
| width: 35%; } | |
| .t37 { | |
| width: 37.5%; } | |
| /* 3/8 */ | |
| .t40 { | |
| width: 40%; } | |
| .t45 { | |
| width: 45%; } | |
| .t50 { | |
| width: 50%; } | |
| /* 1/2 */ | |
| .t55 { | |
| width: 55%; } | |
| .t60 { | |
| width: 60%; } | |
| .t62 { | |
| width: 62.5%; } | |
| /* 5/8 */ | |
| .t65 { | |
| width: 65%; } | |
| .t66 { | |
| width: 66.666%; } | |
| /* 2/3 */ | |
| .t70 { | |
| width: 70%; } | |
| .t75 { | |
| width: 75%; } | |
| /* 3/4*/ | |
| .t80 { | |
| width: 80%; } | |
| .t85 { | |
| width: 85%; } | |
| .t87 { | |
| width: 87.5%; } | |
| /* 7/8 */ | |
| .t90 { | |
| width: 90%; } | |
| .t95 { | |
| width: 95%; } | |
| /** | |
| * Bordered tables | |
| */ | |
| .table--bordered th, table th, | |
| .table--bordered td, | |
| table td { | |
| border: 1px solid #cccccc; } | |
| .table--bordered th:empty, table th:empty, | |
| .table--bordered td:empty, | |
| table td:empty { | |
| border: none; } | |
| .table--bordered thead tr:last-child th, table thead tr:last-child th { | |
| border-bottom-width: 2px; } | |
| .table--bordered tbody tr th:last-of-type, table tbody tr th:last-of-type { | |
| border-right-width: 2px; } | |
| /** | |
| * Striped tables | |
| */ | |
| .table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd) { | |
| background-color: #ffc; | |
| /* Override this color in your theme stylesheet */ } | |
| /** | |
| * Data table | |
| */ | |
| .table--data { | |
| font: 12px/1.5 sans-serif; } | |
| /*------------------------------------*\ | |
| $FORMS | |
| \*------------------------------------*/ | |
| /** | |
| * | |
| * Demo: jsfiddle.net/inuitcss/MhHHU | |
| * | |
| */ | |
| fieldset { | |
| padding: 24px; | |
| padding: 1.71429rem; } | |
| /** | |
| * Text inputs | |
| * | |
| * Instead of a `[type]` selector for each kind of form input, we just use a | |
| * class to target any/every one, e.g.: | |
| <input type=text class=text-input> | |
| <input type=email class=text-input> | |
| <input type=password class=text-input> | |
| * | |
| */ | |
| .text-input, | |
| textarea { | |
| /** | |
| * Style these via your theme stylesheet. | |
| */ } | |
| /** | |
| * Group sets of form fields in a list, e.g.: | |
| * | |
| <ul class=form-fields> | |
| <li> | |
| <label /> | |
| <input /> | |
| </li> | |
| <li> | |
| <label /> | |
| <select /> | |
| </li> | |
| <li> | |
| <label /> | |
| <input /> | |
| </li> | |
| </ul> | |
| * | |
| */ | |
| .form-fields { | |
| list-style: none; | |
| margin: 0; } | |
| .form-fields > li:last-child { | |
| margin-bottom: 0; } | |
| /** | |
| * Labels | |
| * | |
| * Define a `.label` class as well as a `label` element. This means we can apply | |
| * label-like styling to meta-labels for groups of options where a `label` | |
| * element is not suitable, e.g.: | |
| * | |
| <li> | |
| <span class=label>Select an option below:</span> | |
| <ul class="multi-list four-cols"> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| </ul> | |
| </li> | |
| * | |
| */ | |
| label, | |
| .label { | |
| display: block; } | |
| /** | |
| * Extra help text in `label`s, e.g.: | |
| * | |
| <label>Card number <small class=additional>No spaces</small></label> | |
| * | |
| */ | |
| .additional { | |
| display: block; | |
| font-weight: normal; } | |
| /* | |
| * Groups of checkboxes and radios, e.g.: | |
| * | |
| <li> | |
| <ul class=check-list> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| <li> | |
| <input /> <label /> | |
| </li> | |
| </ul> | |
| </li> | |
| * | |
| */ | |
| .check-list { | |
| list-style: none; | |
| margin: 0; } | |
| /* | |
| * Labels in check-lists | |
| */ | |
| .check-label, | |
| .check-list label, | |
| .check-list .label { | |
| display: inline-block; } | |
| /** | |
| * Spoken forms are for forms that read like spoken word, e.g.: | |
| * | |
| <li class=spoken-form> | |
| Hello, my <label for=spoken-name>name</label> is | |
| <input type=text class=text-input id=spoken-name>. My home | |
| <label for=country>country</label> is | |
| <select id=country> | |
| <option>UK</option> | |
| <option>US</option> | |
| <option>Other</option> | |
| </select> | |
| </li> | |
| * | |
| */ | |
| .spoken-form label { | |
| display: inline-block; | |
| font: inherit; } | |
| /** | |
| * Extra help text displayed after a field when that field is in focus, e.g.: | |
| * | |
| <label for=email>Email:</label> | |
| <input type=email class=text-input id=email> | |
| <small class=extra-help>.edu emails only</small> | |
| * | |
| * We leave the help text in the document flow and merely set it to | |
| * `visibility:hidden;`. This means that it wonΓÇÖt interfere with anything once | |
| * it reappears. | |
| * | |
| */ | |
| /*small*/ | |
| .extra-help { | |
| display: inline-block; | |
| visibility: hidden; } | |
| .text-input:active + .extra-help, | |
| .text-input:focus + .extra-help { | |
| visibility: visible; } | |
| /** | |
| * Objects and abstractions | |
| */ | |
| /*------------------------------------*\ | |
| $GRIDS | |
| \*------------------------------------*/ | |
| /** | |
| * Fluid and nestable grid system. It is necessary to comment out, or otherwise | |
| * remove, the whitespace from between grid items, e.g.: | |
| * | |
| <div class="grid"> | |
| <div class="grid__item one-third"> | |
| <p>One third grid</p> | |
| </div><!-- | |
| --><div class="grid__item two-thirds"> | |
| <p>Two thirds grid</p> | |
| </div><!-- | |
| --><div class="grid__item one-half"> | |
| <p>One half grid</p> | |
| </div><!-- | |
| --><div class="grid__item one-quarter"> | |
| <p>One quarter grid</p> | |
| </div><!-- | |
| --><div class="grid__item one-quarter"> | |
| <p>One quarter grid</p> | |
| </div> | |
| </div> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/CLYUC | |
| * | |
| */ | |
| /** | |
| * Grid wrapper | |
| */ | |
| .grid, .featured-area, .comment-form { | |
| margin-left: -24px; | |
| margin-left: -1.71429rem; | |
| list-style: none; | |
| margin-bottom: 0; } | |
| /** | |
| * Very infrequently occuring grid wrappers as children of grid wrappers. | |
| */ | |
| .grid > .grid, .featured-area > .grid, .comment-form > .grid, .grid > .featured-area, .featured-area > .featured-area, .comment-form > .featured-area, .grid > .comment-form, .featured-area > .comment-form, .comment-form > .comment-form { | |
| margin-left: 0; } | |
| /** | |
| * Grid | |
| */ | |
| .grid__item, .featured-area__article, .featured-area__aside, .logged-in-as, .comment-form-author, | |
| .comment-form-email, | |
| .comment-form-url, .comment-form-comment, | |
| .form-submit, | |
| .comment-subscription-form { | |
| display: inline-block; | |
| width: 100%; | |
| padding-left: 24px; | |
| padding-left: 1.71429rem; | |
| vertical-align: top; } | |
| /** | |
| * Reversed grids allow you to structure your source in the opposite order to | |
| * how your rendered layout will appear. Extends `.grid`. | |
| */ | |
| .grid--rev { | |
| direction: rtl; | |
| text-align: left; } | |
| .grid--rev > .grid__item, .grid--rev > .featured-area__article, .grid--rev > .featured-area__aside, .grid--rev > .logged-in-as, .grid--rev > .comment-form-author, | |
| .grid--rev > .comment-form-email, | |
| .grid--rev > .comment-form-url, .grid--rev > .comment-form-comment, | |
| .grid--rev > .form-submit, | |
| .grid--rev > .comment-subscription-form { | |
| direction: ltr; | |
| text-align: left; } | |
| /** | |
| * Gutterless grids have all the properties of regular grids, minus any spacing. | |
| * Extends `.grid`. | |
| */ | |
| .grid--full { | |
| margin-left: 0; } | |
| .grid--full > .grid__item, .grid--full > .featured-area__article, .grid--full > .featured-area__aside, .grid--full > .logged-in-as, .grid--full > .comment-form-author, | |
| .grid--full > .comment-form-email, | |
| .grid--full > .comment-form-url, .grid--full > .comment-form-comment, | |
| .grid--full > .form-submit, | |
| .grid--full > .comment-subscription-form { | |
| padding-left: 0; } | |
| /** | |
| * Align the entire grid to the right. Extends `.grid`. | |
| */ | |
| .grid--right { | |
| text-align: right; } | |
| .grid--right > .grid__item, .grid--right > .featured-area__article, .grid--right > .featured-area__aside, .grid--right > .logged-in-as, .grid--right > .comment-form-author, | |
| .grid--right > .comment-form-email, | |
| .grid--right > .comment-form-url, .grid--right > .comment-form-comment, | |
| .grid--right > .form-submit, | |
| .grid--right > .comment-subscription-form { | |
| text-align: left; } | |
| /** | |
| * Centered grids align grid items centrally without needing to use push or pull | |
| * classes. Extends `.grid`. | |
| */ | |
| .grid--center { | |
| text-align: center; } | |
| .grid--center > .grid__item, .grid--center > .featured-area__article, .grid--center > .featured-area__aside, .grid--center > .logged-in-as, .grid--center > .comment-form-author, | |
| .grid--center > .comment-form-email, | |
| .grid--center > .comment-form-url, .grid--center > .comment-form-comment, | |
| .grid--center > .form-submit, | |
| .grid--center > .comment-subscription-form { | |
| text-align: left; } | |
| /** | |
| * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends | |
| * `.grid`. | |
| */ | |
| .grid--middle > .grid__item, .grid--middle > .featured-area__article, .grid--middle > .featured-area__aside, .grid--middle > .logged-in-as, .grid--middle > .comment-form-author, | |
| .grid--middle > .comment-form-email, | |
| .grid--middle > .comment-form-url, .grid--middle > .comment-form-comment, | |
| .grid--middle > .form-submit, | |
| .grid--middle > .comment-subscription-form { | |
| vertical-align: middle; } | |
| .grid--bottom > .grid__item, .grid--bottom > .featured-area__article, .grid--bottom > .featured-area__aside, .grid--bottom > .logged-in-as, .grid--bottom > .comment-form-author, | |
| .grid--bottom > .comment-form-email, | |
| .grid--bottom > .comment-form-url, .grid--bottom > .comment-form-comment, | |
| .grid--bottom > .form-submit, | |
| .grid--bottom > .comment-subscription-form { | |
| vertical-align: bottom; } | |
| /** | |
| * Create grids with narrower gutters. Extends `.grid`. | |
| */ | |
| .grid--narrow { | |
| margin-left: -12px; | |
| margin-left: -0.85714rem; } | |
| .grid--narrow > .grid__item, .grid--narrow > .featured-area__article, .grid--narrow > .featured-area__aside, .grid--narrow > .logged-in-as, .grid--narrow > .comment-form-author, | |
| .grid--narrow > .comment-form-email, | |
| .grid--narrow > .comment-form-url, .grid--narrow > .comment-form-comment, | |
| .grid--narrow > .form-submit, | |
| .grid--narrow > .comment-subscription-form { | |
| padding-left: 12px; | |
| padding-left: 0.85714rem; } | |
| /** | |
| * Create grids with wider gutters. Extends `.grid`. | |
| */ | |
| .grid--wide { | |
| margin-left: -48px; | |
| margin-left: -3.42857rem; } | |
| .grid--wide > .grid__item, .grid--wide > .featured-area__article, .grid--wide > .featured-area__aside, .grid--wide > .logged-in-as, .grid--wide > .comment-form-author, | |
| .grid--wide > .comment-form-email, | |
| .grid--wide > .comment-form-url, .grid--wide > .comment-form-comment, | |
| .grid--wide > .form-submit, | |
| .grid--wide > .comment-subscription-form { | |
| padding-left: 48px; | |
| padding-left: 3.42857rem; } | |
| /*------------------------------------*\ | |
| $FLEXBOX | |
| \*------------------------------------*/ | |
| /** | |
| * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate | |
| * it, in a way... e.g.: | |
| * | |
| <header class=flexbox> | |
| <div class=flexbox__item> | |
| <b>Welcome to</b> | |
| </div> | |
| <div class=flexbox__item> | |
| <img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css"> | |
| </div> | |
| </header> | |
| * | |
| * We can also combine our grid system classes with `.flexbox__item` classes, | |
| * e.g.: | |
| * | |
| <div class=flexbox> | |
| <div class="flexbox__item one-quarter"> | |
| </div> | |
| <div class="flexbox__item three-quarters"> | |
| </div> | |
| </div> | |
| * | |
| * ItΓÇÖs pretty poorly named IΓÇÖm afraid, but it works... | |
| * | |
| * Demo: jsfiddle.net/inuitcss/ufUh2 | |
| * | |
| */ | |
| .flexbox { | |
| display: table; | |
| width: 100%; } | |
| /** | |
| * Nasty hack to circumvent Modernizr conflicts. | |
| */ | |
| html.flexbox { | |
| display: block; | |
| width: auto; } | |
| .flexbox__item { | |
| display: table-cell; | |
| vertical-align: middle; } | |
| /*------------------------------------*\ | |
| $NAV | |
| \*------------------------------------*/ | |
| /** | |
| * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction | |
| * When used on an `ol` or `ul`, this class throws the list into horizontal mode | |
| * e.g.: | |
| * | |
| <ul class=nav> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/Vnph4 | |
| * | |
| */ | |
| .nav, .rsBullets, .tabs__nav, .popular-posts__time, .sub-menu, .sub-menu--mega, .author__social-links, .commentlist { | |
| list-style: none; | |
| margin-left: 0; } | |
| .nav > li, .rsBullets > li, .tabs__nav > li, .popular-posts__time > li, .sub-menu > li, .sub-menu--mega > li, .author__social-links > li, .commentlist > li, | |
| .nav > li > a, | |
| .rsBullets > li > a, | |
| .tabs__nav > li > a, | |
| .popular-posts__time > li > a, | |
| .sub-menu > li > a, | |
| .sub-menu--mega > li > a, | |
| .author__social-links > li > a, | |
| .commentlist > li > a { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; } | |
| /** | |
| * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.: | |
| * | |
| <ul class="nav nav--stacked"> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| */ | |
| .nav--stacked > li, .sub-menu > li, .sub-menu--mega > li { | |
| display: list-item; } | |
| .nav--stacked > li > a, .sub-menu > li > a, .sub-menu--mega > li > a { | |
| display: block; } | |
| /** | |
| * `.nav--banner` extends `.nav` and centres the list, e.g.: | |
| * | |
| <ul class="nav nav--banner"> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| */ | |
| .nav--banner { | |
| text-align: center; } | |
| /** | |
| * Give nav links a big, blocky hit area. Extends `.nav`, e.g.: | |
| * | |
| <ul class="nav nav--block"> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| */ | |
| .nav--block, .options, .tabs__nav, .popular-posts__time { | |
| line-height: 1; | |
| /** | |
| * Remove whitespace caused by `inline-block`. | |
| */ | |
| letter-spacing: -0.31em; | |
| word-spacing: -0.43em; | |
| white-space: nowrap; } | |
| .nav--block > li, .options > li, .tabs__nav > li, .popular-posts__time > li { | |
| letter-spacing: normal; | |
| word-spacing: normal; } | |
| .nav--block > li > a, .options > li > a, .tabs__nav > li > a, .popular-posts__time > li > a { | |
| padding: 12px; | |
| padding: 0.85714rem; } | |
| /** | |
| * Force a nav to occupy 100% of the available width of its parent. Extends | |
| * `.nav`, e.g.: | |
| * | |
| <ul class="nav nav--fit"> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| * Thanks to @pimpl for this idea! | |
| */ | |
| .nav--fit { | |
| display: table; | |
| width: 100%; } | |
| .nav--fit > li { | |
| display: table-cell; } | |
| .nav--fit > li > a { | |
| display: block; } | |
| /** | |
| * Make a list of keywords. Extends `.nav`, e.g.: | |
| * | |
| `<ul class="nav nav--keywords>` | |
| * | |
| */ | |
| .nav--keywords > li:after { | |
| content: "\002C" "\00A0"; } | |
| .nav--keywords > li:last-child:after { | |
| display: none; } | |
| /*------------------------------------*\ | |
| $OPTIONS | |
| \*------------------------------------*/ | |
| /** | |
| * Link-group nav, used for displaying related options. Extends `.nav--block` | |
| * but could also extend `.nav--fit`. Extend with colours and ΓÇÿcurrent statesΓÇÖ | |
| * in your theme stylesheet. | |
| * | |
| <ul class="nav options"> | |
| <li><a></a></li> | |
| <li><a></a></li> | |
| <li><a></a></li> | |
| <li><a></a></li> | |
| </ul> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/vwfaf | |
| * | |
| */ | |
| .options > li > a { | |
| border: 0 solid #cccccc; | |
| border-width: 1px; | |
| border-left-width: 0; } | |
| .options > li:first-child > a { | |
| border-left-width: 1px; | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; } | |
| .options > li:last-child > a { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; } | |
| /*------------------------------------*\ | |
| $MEDIA | |
| \*------------------------------------*/ | |
| /** | |
| * Place any image- and text-like content side-by-side, as per: | |
| * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code | |
| * E.g.: | |
| * | |
| <div class=media> | |
| <img src=http://placekitten.com/200/300 alt="" class=media__img> | |
| <p class=media__body>Lorem ipsum dolor sit amet, consectetur adipisicing elit, | |
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | |
| </div> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/cf4Qs | |
| * | |
| */ | |
| .media, .author, .latest-comments__list { | |
| display: block; } | |
| .media__img, .author__avatar, .latest-comments__avatar { | |
| float: left; | |
| margin-right: 24px; | |
| margin-right: 1.71429rem; } | |
| /** | |
| * Reversed image location (right instead of left). | |
| */ | |
| .media__img--rev { | |
| float: right; | |
| margin-left: 24px; | |
| margin-left: 1.71429rem; } | |
| .media__img img, .author__avatar img, .latest-comments__avatar img, | |
| .media__img--rev img { | |
| display: block; } | |
| .media__body, .author__text, .latest-comments__body { | |
| overflow: hidden; } | |
| .media__body, .author__text, .latest-comments__body, | |
| .media__body > :last-child, | |
| .author__text > :last-child, | |
| .latest-comments__body > :last-child { | |
| margin-bottom: 0; } | |
| /** | |
| * `.img`s in `.islet`s need an appropriately sized margin. | |
| */ | |
| .islet .media__img, .islet .author__avatar, .islet .latest-comments__avatar { | |
| margin-right: 12px; | |
| margin-right: 0.85714rem; } | |
| .islet .media__img--rev { | |
| margin-left: 12px; | |
| margin-left: 0.85714rem; } | |
| /*------------------------------------*\ | |
| $ISLAND | |
| \*------------------------------------*/ | |
| /** | |
| * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object | |
| * E.g.: | |
| * | |
| <div class=island> | |
| I am boxed off. | |
| </div> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/u8pV3 | |
| * | |
| */ | |
| .island, .reviews, | |
| .islet { | |
| display: block; } | |
| .island, .reviews { | |
| padding: 24px; | |
| padding: 1.71429rem; } | |
| .island > :last-child, .reviews > :last-child, | |
| .islet > :last-child { | |
| margin-bottom: 0; } | |
| /** | |
| * Just like `.island`, only smaller. | |
| */ | |
| .islet { | |
| padding: 12px; | |
| padding: 0.85714rem; } | |
| /*------------------------------------*\ | |
| $BLOCK-LIST | |
| \*------------------------------------*/ | |
| /** | |
| * Create big blocky lists of content, e.g.: | |
| * | |
| <ul class=block-list> | |
| <li>Foo</li> | |
| <li>Bar</li> | |
| <li>Baz</li> | |
| <li><a href=# class=block-list__link>Foo Bar Baz</a></li> | |
| </ul> | |
| * | |
| * Extend this object in your theme stylesheet. | |
| * | |
| * Demo: jsfiddle.net/inuitcss/hR57q | |
| * | |
| */ | |
| .block-list, .matrix, | |
| .block-list > li, | |
| .matrix > li { | |
| border: 0 solid #cccccc; } | |
| .block-list, .matrix { | |
| list-style: none; | |
| margin-left: 0; | |
| border-top-width: 1px; | |
| margin-top: -1px; } | |
| .block-list > li, .matrix > li { | |
| border-bottom-width: 1px; | |
| margin-top: -1px; | |
| padding: 12px; | |
| padding: 0.85714rem; } | |
| .block-list__link, .matrix__link { | |
| display: block; | |
| padding: 12px; | |
| padding: 0.85714rem; | |
| margin: -12px; | |
| margin: -0.85714rem; } | |
| /*------------------------------------*\ | |
| $MATRIX | |
| \*------------------------------------*/ | |
| /** | |
| * Create a grid of items out of a single list, e.g.: | |
| * | |
| <ul class="matrix three-cols"> | |
| <li class=all-cols>Lorem</li> | |
| <li>Ipsum <a href=#>dolor</a></li> | |
| <li><a href=# class=matrix__link>Sit</a></li> | |
| <li>Amet</li> | |
| <li class=all-cols>Consectetuer</li> | |
| </ul> | |
| * | |
| * Extend this object in your theme stylesheet. | |
| * | |
| * Demo: jsfiddle.net/inuitcss/Y2zrU | |
| * | |
| */ | |
| .matrix { | |
| border-left-width: 1px; } | |
| .matrix > li { | |
| float: left; | |
| border-right-width: 1px; } | |
| /** | |
| * The `.multi-list` object is a lot like the `.matrix` object only without the | |
| * blocky borders and padding. | |
| * | |
| <ul class="multi-list four-cols"> | |
| <li>Lorem</li> | |
| <li>Ipsum</li> | |
| <li>Dolor</li> | |
| <li>Sit</li> | |
| </ul> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/Y2zrU | |
| * | |
| */ | |
| .multi-list, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul { | |
| list-style: none; | |
| margin-left: 0; } | |
| .multi-list > li, .widget_nav_menu ul > li, .widget_categories ul > li, .widget_meta ul > li { | |
| float: left; } | |
| /** | |
| * Apply these classes alongside the `.matrix` or `.multi-list` classes on | |
| * lists to determine how wide their columns are. | |
| */ | |
| .two-cols > li, .widget_nav_menu ul > li, .widget_categories ul > li, .widget_meta ul > li { | |
| width: 50%; } | |
| .three-cols > li { | |
| width: 33.333%; } | |
| .four-cols > li { | |
| width: 25%; } | |
| .five-cols > li { | |
| width: 20%; } | |
| /** | |
| * Unfortunately we have to qualify this selector in order to bring its | |
| * specificity above the `.[number]-cols > li` selectors above. | |
| */ | |
| .matrix > .all-cols, | |
| .multi-list > .all-cols, | |
| .widget_nav_menu ul > .all-cols, | |
| .widget_categories ul > .all-cols, | |
| .widget_meta ul > .all-cols { | |
| width: 100%; } | |
| /*------------------------------------*\ | |
| $SPLIT | |
| \*------------------------------------*/ | |
| /** | |
| * Simple split item for creating two elements floated away from one another, | |
| * e.g.: | |
| * | |
| <dl class=split> | |
| <dt class=split__title>Burger and fries</dt> | |
| <dd>£5.99</dd> | |
| <dt class=split__title>Fillet steak</dt> | |
| <dd>£19.99</dd> | |
| <dt class=split__title>Ice cream</dt> | |
| <dd>£2.99</dd> | |
| </dl> | |
| * | |
| <ol class="split results"> | |
| <li class=first><b class=split__title>1st place</b> Bob</li> | |
| <li class=second><b class=split__title>2nd place</b> Lilly</li> | |
| <li class=third><b class=split__title>3rd place</b> Ted</li> | |
| </ol>ΓÇï | |
| * | |
| * Demo: jsfiddle.net/inuitcss/9gZW7 | |
| * | |
| */ | |
| .split { | |
| text-align: right; | |
| list-style: none; | |
| margin-left: 0; } | |
| .split__title { | |
| text-align: left; | |
| float: left; | |
| clear: left; } | |
| /*------------------------------------*\ | |
| $ARROWS | |
| \*------------------------------------*/ | |
| /** | |
| * It is a common design treatment to give an element a triangular points-out | |
| * arrow, we typically build these with CSS. These following classes allow us to | |
| * generate these arbitrarily with a mixin, `@arrow()`. | |
| */ | |
| /** | |
| * Forms the basis for any/all CSS arrows. | |
| */ | |
| /** | |
| * Define individual edges so we can combine what we need, when we need. | |
| */ | |
| /*------------------------------------*\ | |
| $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, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a { | |
| 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: 0; | |
| /* [8] */ } | |
| .btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a, .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover { | |
| text-decoration: none; | |
| /* [9] */ } | |
| /*------------------------------------*\ | |
| $SIZES | |
| \*------------------------------------*/ | |
| /** | |
| * Button size modifiers. | |
| * | |
| * These all follow the same sizing rules as above; text is 1em, space around it | |
| * remains uniform. | |
| */ | |
| .btn--small, .comments_add-comment { | |
| 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, .form-submit #comment-submit { | |
| 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, .widget_tag_cloud a { | |
| 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.: | |
| * | |
| <p>This <span class=pill>here</span> is a pill!</p> | |
| * | |
| <p>This <span class=loz>here</span> is also a lozenge!</p> | |
| * | |
| * Pills have fully rounded ends, lozenges have only their corners rounded. | |
| * | |
| * Demo: jsfiddle.net/inuitcss/N3pGm | |
| * | |
| */ | |
| .pill, .loz { | |
| 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: 1.14286em; | |
| padding-right: 0.28571em; | |
| padding-left: 0.28571em; | |
| /* =1.50em */ | |
| text-align: center; | |
| background-color: #cccccc; | |
| 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: 0; } | |
| /*------------------------------------*\ | |
| $STATS | |
| \*------------------------------------*/ | |
| /** | |
| * Simple object to display keyΓÇôvalue statistic-like information, e.g.: | |
| * | |
| <div class=stat-group> | |
| <dl class=stat> | |
| <dt class=stat__title>Tweets</dt> | |
| <dd class=stat__value>27,740</dd> | |
| </dl> | |
| <dl class=stat> | |
| <dt class=stat__title>Following</dt> | |
| <dd class=stat__value>11,529</dd> | |
| </dl> | |
| <dl class=stat> | |
| <dt class=stat__title>Followers</dt> | |
| <dd class=stat__value>12,105</dd> | |
| </dl> | |
| </div> | |
| * | |
| * Demo: jsfiddle.net/inuitcss/Bpwu6 | |
| * | |
| */ | |
| .stat-group { | |
| margin-left: -24px; | |
| margin-left: -1.71429rem; } | |
| .stat { | |
| float: left; | |
| margin-left: 24px; | |
| margin-left: 1.71429rem; | |
| display: -ms-flexbox; | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -moz-flex-direction: column; | |
| -ms-flex-direction: column; | |
| -o-flex-direction: column; | |
| flex-direction: column; } | |
| .stat__title { | |
| -webkit-order: 2; | |
| -moz-order: 2; | |
| -ms-order: 2; | |
| -o-order: 2; | |
| order: 2; | |
| -ms-flex-order: 2; } | |
| .stat__value { | |
| margin-left: 0; | |
| -webkit-order: 1; | |
| -moz-order: 1; | |
| -ms-order: 1; | |
| -o-order: 1; | |
| order: 1; | |
| -ms-flex-order: 1; } | |
| /*------------------------------------*\ | |
| $GREYBOX | |
| \*------------------------------------*/ | |
| /** | |
| * Quickly throw together greybox wireframes. Use in conjunction with other | |
| * inuit.css objects to create simple greybox prototypes, e.g.: | |
| * | |
| <div class="island greybox greybox--medium">Header</div> | |
| <ul class="nav nav--fit nav--block greybox"> | |
| <li><a href=#>Home</a></li> | |
| <li><a href=#>About</a></li> | |
| <li><a href=#>Portfolio</a></li> | |
| <li><a href=#>Contact</a></li> | |
| </ul> | |
| * | |
| * The beauty of combining the greyboxing with inuit.css objects is that any | |
| * prototyping can quickly be converted into/used as production code. | |
| * | |
| * For a more complete prototyping framework, consider Adam WhitcroftΓÇÖs Proto: | |
| * adamwhitcroft.com/proto | |
| * | |
| * Demo: jsfiddle.net/inuitcss/qCXfh/ | |
| * | |
| */ | |
| .greybox, | |
| .graybox { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| font-family: sans-serif; | |
| text-align: center; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| color: #fff; } | |
| .greybox a, | |
| .graybox a { | |
| color: #fff; | |
| text-decoration: underline; } | |
| /** | |
| * All greyboxes will occupy 100% of their parentΓÇÖs width, but to alter their | |
| * heights we apply incrementally larger line-heights: | |
| */ | |
| .greybox--small, | |
| .graybox--small { | |
| line-height: 48px; } | |
| .greybox--medium, | |
| .graybox--medium { | |
| line-height: 96px; } | |
| .greybox--large, | |
| .graybox--large { | |
| line-height: 192px; } | |
| .greybox--huge, | |
| .graybox--huge { | |
| line-height: 384px; } | |
| .greybox--gigantic, | |
| .graybox--gigantic { | |
| line-height: 768px; } | |
| /** | |
| * Style trumps; helper and brand classes | |
| */ | |
| /*------------------------------------*\ | |
| $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, .logged-in-as, .comment-form-comment, | |
| .form-submit, | |
| .comment-subscription-form { | |
| width: 100%; } | |
| /** | |
| * Halves | |
| */ | |
| .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { | |
| width: 50%; } | |
| /** | |
| * Thirds | |
| */ | |
| .one-third, .two-sixths, .four-twelfths, .comment-form-author, | |
| .comment-form-email, | |
| .comment-form-url { | |
| 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, .featured-area__aside { | |
| width: 41.666%; } | |
| .seven-twelfths, .featured-area__article { | |
| 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.: | |
| * | |
| * `<div class="g one-quarter lap-one-half palm-one-whole"> ... </div>` | |
| * | |
| * 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: 899px) { | |
| /** | |
| * Whole | |
| */ | |
| .palm-one-whole, .featured-area__article, .featured-area__aside { | |
| 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: 900px) 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: 900px) { | |
| /** | |
| * 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%; } } | |
| /** | |
| * If you have set the additional `$responsive-extra` variable to ΓÇÿtrueΓÇÖ in | |
| * `_vars.scss` then you now have access to the following class available to | |
| * accomodate much larger screen resolutions. | |
| */ | |
| /* endif */ | |
| /*------------------------------------*\ | |
| $PUSH | |
| \*------------------------------------*/ | |
| /** | |
| * Push classes, to move grid items over to the right by certain amounts. | |
| */ | |
| /*------------------------------------*\ | |
| $PULL | |
| \*------------------------------------*/ | |
| /** | |
| * Pull classes, to move grid items over to the right by certain amounts. | |
| */ | |
| /*------------------------------------*\ | |
| $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: #4a8ec2!important; } | |
| .brand-face { | |
| font-family: "Helvetica Neue", sans-serif!important; } | |
| .brand-color, | |
| .brand-colour { | |
| color: #4a8ec2!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: 24px !important; | |
| margin: 1.71429rem !important; } | |
| .push--top { | |
| margin-top: 24px !important; | |
| margin-top: 1.71429rem !important; } | |
| .push--right { | |
| margin-right: 24px !important; | |
| margin-right: 1.71429rem !important; } | |
| .push--bottom { | |
| margin-bottom: 24px !important; | |
| margin-bottom: 1.71429rem !important; } | |
| .push--left { | |
| margin-left: 24px !important; | |
| margin-left: 1.71429rem !important; } | |
| .push--ends { | |
| margin-top: 24px !important; | |
| margin-top: 1.71429rem !important; | |
| margin-bottom: 24px !important; | |
| margin-bottom: 1.71429rem !important; } | |
| .push--sides { | |
| margin-right: 24px !important; | |
| margin-right: 1.71429rem !important; | |
| margin-left: 24px !important; | |
| margin-left: 1.71429rem !important; } | |
| .push-half { | |
| margin: 12px !important; | |
| margin: 0.85714rem !important; } | |
| .push-half--top { | |
| margin-top: 12px !important; | |
| margin-top: 0.85714rem !important; } | |
| .push-half--right { | |
| margin-right: 12px !important; | |
| margin-right: 0.85714rem !important; } | |
| .push-half--bottom { | |
| margin-bottom: 12px !important; | |
| margin-bottom: 0.85714rem !important; } | |
| .push-half--left { | |
| margin-left: 12px !important; | |
| margin-left: 0.85714rem !important; } | |
| .push-half--ends { | |
| margin-top: 12px !important; | |
| margin-top: 0.85714rem !important; | |
| margin-bottom: 12px !important; | |
| margin-bottom: 0.85714rem !important; } | |
| .push-half--sides { | |
| margin-right: 12px !important; | |
| margin-right: 0.85714rem !important; | |
| margin-left: 12px !important; | |
| margin-left: 0.85714rem !important; } | |
| .flush { | |
| margin: 0 !important; | |
| margin: 0 !important; } | |
| .flush--top, .mt0 { | |
| margin-top: 0 !important; | |
| margin-top: 0 !important; } | |
| .flush--right { | |
| margin-right: 0 !important; | |
| margin-right: 0 !important; } | |
| .flush--bottom, .mb0 { | |
| margin-bottom: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .flush--left { | |
| margin-left: 0 !important; | |
| margin-left: 0 !important; } | |
| .flush--ends { | |
| margin-top: 0 !important; | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .flush--sides { | |
| margin-right: 0 !important; | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| margin-left: 0 !important; } | |
| /** | |
| * Add/remove paddings | |
| */ | |
| .soft { | |
| padding: 24px !important; | |
| padding: 1.71429rem !important; } | |
| .soft--top { | |
| padding-top: 24px !important; | |
| padding-top: 1.71429rem !important; } | |
| .soft--right { | |
| padding-right: 24px !important; | |
| padding-right: 1.71429rem !important; } | |
| .soft--bottom { | |
| padding-bottom: 24px !important; | |
| padding-bottom: 1.71429rem !important; } | |
| .soft--left { | |
| padding-left: 24px !important; | |
| padding-left: 1.71429rem !important; } | |
| .soft--ends { | |
| padding-top: 24px !important; | |
| padding-top: 1.71429rem !important; | |
| padding-bottom: 24px !important; | |
| padding-bottom: 1.71429rem !important; } | |
| .soft--sides, .container { | |
| padding-right: 24px !important; | |
| padding-right: 1.71429rem !important; | |
| padding-left: 24px !important; | |
| padding-left: 1.71429rem !important; } | |
| .soft-half { | |
| padding: 12px !important; | |
| padding: 0.85714rem !important; } | |
| .soft-half--top { | |
| padding-top: 12px !important; | |
| padding-top: 0.85714rem !important; } | |
| .soft-half--right { | |
| padding-right: 12px !important; | |
| padding-right: 0.85714rem !important; } | |
| .soft-half--bottom { | |
| padding-bottom: 12px !important; | |
| padding-bottom: 0.85714rem !important; } | |
| .soft-half--left { | |
| padding-left: 12px !important; | |
| padding-left: 0.85714rem !important; } | |
| .soft-half--ends { | |
| padding-top: 12px !important; | |
| padding-top: 0.85714rem !important; | |
| padding-bottom: 12px !important; | |
| padding-bottom: 0.85714rem !important; } | |
| .soft-half--sides { | |
| padding-right: 12px !important; | |
| padding-right: 0.85714rem !important; | |
| padding-left: 12px !important; | |
| padding-left: 0.85714rem !important; } | |
| .hard { | |
| padding: 0 !important; | |
| padding: 0 !important; } | |
| .hard--top, .pt0 { | |
| padding-top: 0 !important; | |
| padding-top: 0 !important; } | |
| .hard--right { | |
| padding-right: 0 !important; | |
| padding-right: 0 !important; } | |
| .hard--bottom, .pb0 { | |
| padding-bottom: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .hard--left { | |
| padding-left: 0 !important; | |
| padding-left: 0 !important; } | |
| .hard--ends { | |
| padding-top: 0 !important; | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .hard--sides { | |
| padding-right: 0 !important; | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| padding-left: 0 !important; } | |
| /** | |
| * Pull items full width of `.island` parents. | |
| */ | |
| .full-bleed { | |
| margin-right: -24px !important; | |
| margin-right: -1.71429rem !important; | |
| margin-left: -24px !important; | |
| margin-left: -1.71429rem !important; } | |
| .islet .full-bleed { | |
| margin-right: -12px !important; | |
| margin-right: -0.85714rem !important; | |
| margin-left: -12px !important; | |
| margin-left: -0.85714rem !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.: | |
| * | |
| <p class=proceed><a href=#>Read more...</a></p> | |
| * | |
| */ | |
| .proceed { | |
| text-align: right !important; } | |
| /** | |
| * Add a right-angled quote to links that imply movement, e.g.: | |
| * | |
| <a href=# class=go>Read more</a> | |
| * | |
| */ | |
| .go:after { | |
| content: "\00A0" "\00BB" !important; } | |
| /** | |
| * Add a left-angled quote to links that imply backwards movement, e.g.: | |
| * | |
| <a href=# class=back>Return</a> | |
| * | |
| */ | |
| .back:before { | |
| content: "\00AB" "\00A0" !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: 899px) { | |
| .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: 900px) 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: 900px) { | |
| .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: 1366px) { | |
| .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 */ | |
| /*-----------------------------------------------*\ | |
| ICON FONTS CONFIGURATION | |
| AND IMPORT | |
| \*-----------------------------------------------*/ | |
| /*----------------------------------------*\ | |
| * ICONS FONTS | |
| \*----------------------------------------*/ | |
| /* | |
| * Font Awesome 4.0.2 by @davegandy - http://fontawesome.io - @fontawesome | |
| * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | |
| */ | |
| /* FONT PATH | |
| * -------------------------- */ | |
| @font-face { | |
| font-family: 'FontAwesome'; | |
| src: url("../fonts/font-awesome/fontawesome-webfont.eot?v=4.0.2"); | |
| src: url("../fonts/font-awesome/fontawesome-webfont.eot?v=4.0.2#iefix") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff?v=4.0.2") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf?v=4.0.2") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg?v=4.0.2#fontawesomeregular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| .icon, [class^="icon-"]:before, [class*=" icon-"]:before { | |
| display: inline-block; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; } | |
| /* makes the font 33% larger relative to the icon container */ | |
| .icon-lg { | |
| font-size: 1.33333em; | |
| line-height: 0.75em; | |
| vertical-align: -15%; } | |
| .icon-2x { | |
| font-size: 2em; } | |
| .icon-3x { | |
| font-size: 3em; } | |
| .icon-4x { | |
| font-size: 4em; } | |
| .icon-5x { | |
| font-size: 5em; } | |
| .icon-fw { | |
| width: 1.28571em; | |
| text-align: center; } | |
| .icon-ul { | |
| padding-left: 0; | |
| margin-left: 2.14286em; | |
| list-style-type: none; } | |
| .icon-ul > li { | |
| position: relative; } | |
| .icon-li { | |
| position: absolute; | |
| left: -2.14286em; | |
| width: 2.14286em; | |
| top: 0.14286em; | |
| text-align: center; } | |
| .icon-li.icon-lg { | |
| left: -1.85714em; } | |
| .icon-border { | |
| padding: .2em .25em .15em; | |
| border: solid 0.08em #eeeeee; | |
| border-radius: .1em; } | |
| .pull-right { | |
| float: right; } | |
| .pull-left { | |
| float: left; } | |
| .icon.pull-left { | |
| margin-right: .3em; } | |
| .icon.pull-right { | |
| margin-left: .3em; } | |
| .icon-spin { | |
| -webkit-animation: spin 2s infinite linear; | |
| -moz-animation: spin 2s infinite linear; | |
| -o-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-rotate-90 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); | |
| -webkit-transform: rotate(90deg); | |
| -moz-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| -o-transform: rotate(90deg); | |
| transform: rotate(90deg); } | |
| .icon-rotate-180 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); | |
| -webkit-transform: rotate(180deg); | |
| -moz-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| -o-transform: rotate(180deg); | |
| transform: rotate(180deg); } | |
| .icon-rotate-270 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); | |
| -webkit-transform: rotate(270deg); | |
| -moz-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| -o-transform: rotate(270deg); | |
| transform: rotate(270deg); } | |
| .icon-flip-horizontal { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); | |
| -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 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); | |
| -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-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: middle; } | |
| .icon-stack-1x, .icon-stack-2x { | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| text-align: center; } | |
| .icon-stack-1x { | |
| line-height: inherit; } | |
| .icon-stack-2x { | |
| font-size: 2em; } | |
| .icon-inverse { | |
| color: white; } | |
| /* 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-o:before { | |
| content: "\f003"; } | |
| .icon-heart:before { | |
| content: "\f004"; } | |
| .icon-star:before { | |
| content: "\f005"; } | |
| .icon-star-o: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-check:before { | |
| content: "\f00c"; } | |
| .icon-times:before { | |
| content: "\f00d"; } | |
| .icon-search-plus:before { | |
| content: "\f00e"; } | |
| .icon-search-minus:before { | |
| content: "\f010"; } | |
| .icon-power-off:before { | |
| content: "\f011"; } | |
| .icon-signal:before { | |
| content: "\f012"; } | |
| .icon-gear:before, | |
| .icon-cog:before { | |
| content: "\f013"; } | |
| .icon-trash-o:before { | |
| content: "\f014"; } | |
| .icon-home:before { | |
| content: "\f015"; } | |
| .icon-file-o:before { | |
| content: "\f016"; } | |
| .icon-clock-o:before { | |
| content: "\f017"; } | |
| .icon-road:before { | |
| content: "\f018"; } | |
| .icon-download:before { | |
| content: "\f019"; } | |
| .icon-arrow-circle-o-down:before { | |
| content: "\f01a"; } | |
| .icon-arrow-circle-o-up:before { | |
| content: "\f01b"; } | |
| .icon-inbox:before { | |
| content: "\f01c"; } | |
| .icon-play-circle-o:before { | |
| content: "\f01d"; } | |
| .icon-rotate-right:before, | |
| .icon-repeat:before { | |
| content: "\f01e"; } | |
| .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-dedent:before, | |
| .icon-outdent:before { | |
| content: "\f03b"; } | |
| .icon-indent:before { | |
| content: "\f03c"; } | |
| .icon-video-camera:before { | |
| content: "\f03d"; } | |
| .icon-picture-o: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, | |
| .icon-pencil-square-o:before { | |
| content: "\f044"; } | |
| .icon-share-square-o:before { | |
| content: "\f045"; } | |
| .icon-check-square-o:before { | |
| content: "\f046"; } | |
| .icon-arrows: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-circle:before { | |
| content: "\f055"; } | |
| .icon-minus-circle:before { | |
| content: "\f056"; } | |
| .icon-times-circle:before { | |
| content: "\f057"; } | |
| .icon-check-circle:before { | |
| content: "\f058"; } | |
| .icon-question-circle:before { | |
| content: "\f059"; } | |
| .icon-info-circle:before { | |
| content: "\f05a"; } | |
| .icon-crosshairs:before { | |
| content: "\f05b"; } | |
| .icon-times-circle-o:before { | |
| content: "\f05c"; } | |
| .icon-check-circle-o:before { | |
| content: "\f05d"; } | |
| .icon-ban: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-mail-forward:before, | |
| .icon-share:before { | |
| content: "\f064"; } | |
| .icon-expand:before { | |
| content: "\f065"; } | |
| .icon-compress:before { | |
| content: "\f066"; } | |
| .icon-plus:before { | |
| content: "\f067"; } | |
| .icon-minus:before { | |
| content: "\f068"; } | |
| .icon-asterisk:before { | |
| content: "\f069"; } | |
| .icon-exclamation-circle:before { | |
| content: "\f06a"; } | |
| .icon-gift:before { | |
| content: "\f06b"; } | |
| .icon-leaf:before { | |
| content: "\f06c"; } | |
| .icon-fire:before { | |
| content: "\f06d"; } | |
| .icon-eye:before { | |
| content: "\f06e"; } | |
| .icon-eye-slash:before { | |
| content: "\f070"; } | |
| .icon-warning:before, | |
| .icon-exclamation-triangle: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:before { | |
| content: "\f07b"; } | |
| .icon-folder-open:before { | |
| content: "\f07c"; } | |
| .icon-arrows-v:before { | |
| content: "\f07d"; } | |
| .icon-arrows-h:before { | |
| content: "\f07e"; } | |
| .icon-bar-chart-o:before { | |
| content: "\f080"; } | |
| .icon-twitter-square:before { | |
| content: "\f081"; } | |
| .icon-facebook-square:before { | |
| content: "\f082"; } | |
| .icon-camera-retro:before { | |
| content: "\f083"; } | |
| .icon-key:before { | |
| content: "\f084"; } | |
| .icon-gears:before, | |
| .icon-cogs:before { | |
| content: "\f085"; } | |
| .icon-comments:before { | |
| content: "\f086"; } | |
| .icon-thumbs-o-up:before { | |
| content: "\f087"; } | |
| .icon-thumbs-o-down:before { | |
| content: "\f088"; } | |
| .icon-star-half:before { | |
| content: "\f089"; } | |
| .icon-heart-o:before { | |
| content: "\f08a"; } | |
| .icon-sign-out:before { | |
| content: "\f08b"; } | |
| .icon-linkedin-square:before { | |
| content: "\f08c"; } | |
| .icon-thumb-tack:before { | |
| content: "\f08d"; } | |
| .icon-external-link:before { | |
| content: "\f08e"; } | |
| .icon-sign-in:before { | |
| content: "\f090"; } | |
| .icon-trophy:before { | |
| content: "\f091"; } | |
| .icon-github-square:before { | |
| content: "\f092"; } | |
| .icon-upload:before { | |
| content: "\f093"; } | |
| .icon-lemon-o:before { | |
| content: "\f094"; } | |
| .icon-phone:before { | |
| content: "\f095"; } | |
| .icon-square-o:before { | |
| content: "\f096"; } | |
| .icon-bookmark-o:before { | |
| content: "\f097"; } | |
| .icon-phone-square: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-o:before { | |
| content: "\f0a0"; } | |
| .icon-bullhorn:before { | |
| content: "\f0a1"; } | |
| .icon-bell:before { | |
| content: "\f0f3"; } | |
| .icon-certificate:before { | |
| content: "\f0a3"; } | |
| .icon-hand-o-right:before { | |
| content: "\f0a4"; } | |
| .icon-hand-o-left:before { | |
| content: "\f0a5"; } | |
| .icon-hand-o-up:before { | |
| content: "\f0a6"; } | |
| .icon-hand-o-down:before { | |
| content: "\f0a7"; } | |
| .icon-arrow-circle-left:before { | |
| content: "\f0a8"; } | |
| .icon-arrow-circle-right:before { | |
| content: "\f0a9"; } | |
| .icon-arrow-circle-up:before { | |
| content: "\f0aa"; } | |
| .icon-arrow-circle-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-arrows-alt:before { | |
| content: "\f0b2"; } | |
| .icon-group:before, | |
| .icon-users:before { | |
| content: "\f0c0"; } | |
| .icon-chain:before, | |
| .icon-link:before { | |
| content: "\f0c1"; } | |
| .icon-cloud:before { | |
| content: "\f0c2"; } | |
| .icon-flask:before { | |
| content: "\f0c3"; } | |
| .icon-cut:before, | |
| .icon-scissors:before { | |
| content: "\f0c4"; } | |
| .icon-copy:before, | |
| .icon-files-o:before { | |
| content: "\f0c5"; } | |
| .icon-paperclip:before { | |
| content: "\f0c6"; } | |
| .icon-save:before, | |
| .icon-floppy-o:before { | |
| content: "\f0c7"; } | |
| .icon-square:before { | |
| content: "\f0c8"; } | |
| .icon-bars: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-square:before { | |
| content: "\f0d3"; } | |
| .icon-google-plus-square: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-unsorted:before, | |
| .icon-sort:before { | |
| content: "\f0dc"; } | |
| .icon-sort-down:before, | |
| .icon-sort-asc:before { | |
| content: "\f0dd"; } | |
| .icon-sort-up:before, | |
| .icon-sort-desc:before { | |
| content: "\f0de"; } | |
| .icon-envelope:before { | |
| content: "\f0e0"; } | |
| .icon-linkedin:before { | |
| content: "\f0e1"; } | |
| .icon-rotate-left:before, | |
| .icon-undo:before { | |
| content: "\f0e2"; } | |
| .icon-legal:before, | |
| .icon-gavel:before { | |
| content: "\f0e3"; } | |
| .icon-dashboard:before, | |
| .icon-tachometer:before { | |
| content: "\f0e4"; } | |
| .icon-comment-o:before { | |
| content: "\f0e5"; } | |
| .icon-comments-o:before { | |
| content: "\f0e6"; } | |
| .icon-flash:before, | |
| .icon-bolt:before { | |
| content: "\f0e7"; } | |
| .icon-sitemap:before { | |
| content: "\f0e8"; } | |
| .icon-umbrella:before { | |
| content: "\f0e9"; } | |
| .icon-paste:before, | |
| .icon-clipboard:before { | |
| content: "\f0ea"; } | |
| .icon-lightbulb-o: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-o:before { | |
| content: "\f0a2"; } | |
| .icon-coffee:before { | |
| content: "\f0f4"; } | |
| .icon-cutlery:before { | |
| content: "\f0f5"; } | |
| .icon-file-text-o:before { | |
| content: "\f0f6"; } | |
| .icon-building-o:before { | |
| content: "\f0f7"; } | |
| .icon-hospital-o: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-square:before { | |
| content: "\f0fd"; } | |
| .icon-plus-square:before { | |
| content: "\f0fe"; } | |
| .icon-angle-double-left:before { | |
| content: "\f100"; } | |
| .icon-angle-double-right:before { | |
| content: "\f101"; } | |
| .icon-angle-double-up:before { | |
| content: "\f102"; } | |
| .icon-angle-double-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, | |
| .icon-mobile:before { | |
| content: "\f10b"; } | |
| .icon-circle-o: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-mail-reply:before, | |
| .icon-reply:before { | |
| content: "\f112"; } | |
| .icon-github-alt:before { | |
| content: "\f113"; } | |
| .icon-folder-o:before { | |
| content: "\f114"; } | |
| .icon-folder-open-o:before { | |
| content: "\f115"; } | |
| .icon-smile-o:before { | |
| content: "\f118"; } | |
| .icon-frown-o:before { | |
| content: "\f119"; } | |
| .icon-meh-o:before { | |
| content: "\f11a"; } | |
| .icon-gamepad:before { | |
| content: "\f11b"; } | |
| .icon-keyboard-o:before { | |
| content: "\f11c"; } | |
| .icon-flag-o: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-empty:before, | |
| .icon-star-half-full:before, | |
| .icon-star-half-o:before { | |
| content: "\f123"; } | |
| .icon-location-arrow:before { | |
| content: "\f124"; } | |
| .icon-crop:before { | |
| content: "\f125"; } | |
| .icon-code-fork:before { | |
| content: "\f126"; } | |
| .icon-unlink:before, | |
| .icon-chain-broken: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-slash:before { | |
| content: "\f131"; } | |
| .icon-shield:before { | |
| content: "\f132"; } | |
| .icon-calendar-o:before { | |
| content: "\f133"; } | |
| .icon-fire-extinguisher:before { | |
| content: "\f134"; } | |
| .icon-rocket:before { | |
| content: "\f135"; } | |
| .icon-maxcdn:before { | |
| content: "\f136"; } | |
| .icon-chevron-circle-left:before { | |
| content: "\f137"; } | |
| .icon-chevron-circle-right:before { | |
| content: "\f138"; } | |
| .icon-chevron-circle-up:before { | |
| content: "\f139"; } | |
| .icon-chevron-circle-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-h:before { | |
| content: "\f141"; } | |
| .icon-ellipsis-v:before { | |
| content: "\f142"; } | |
| .icon-rss-square:before { | |
| content: "\f143"; } | |
| .icon-play-circle:before { | |
| content: "\f144"; } | |
| .icon-ticket:before { | |
| content: "\f145"; } | |
| .icon-minus-square:before { | |
| content: "\f146"; } | |
| .icon-minus-square-o:before { | |
| content: "\f147"; } | |
| .icon-level-up:before { | |
| content: "\f148"; } | |
| .icon-level-down:before { | |
| content: "\f149"; } | |
| .icon-check-square:before { | |
| content: "\f14a"; } | |
| .icon-pencil-square:before { | |
| content: "\f14b"; } | |
| .icon-external-link-square:before { | |
| content: "\f14c"; } | |
| .icon-share-square:before { | |
| content: "\f14d"; } | |
| .icon-compass:before { | |
| content: "\f14e"; } | |
| .icon-toggle-down:before, | |
| .icon-caret-square-o-down:before { | |
| content: "\f150"; } | |
| .icon-toggle-up:before, | |
| .icon-caret-square-o-up:before { | |
| content: "\f151"; } | |
| .icon-toggle-right:before, | |
| .icon-caret-square-o-right:before { | |
| content: "\f152"; } | |
| .icon-euro:before, | |
| .icon-eur:before { | |
| content: "\f153"; } | |
| .icon-gbp:before { | |
| content: "\f154"; } | |
| .icon-dollar:before, | |
| .icon-usd:before { | |
| content: "\f155"; } | |
| .icon-rupee:before, | |
| .icon-inr:before { | |
| content: "\f156"; } | |
| .icon-cny:before, | |
| .icon-rmb:before, | |
| .icon-yen:before, | |
| .icon-jpy:before { | |
| content: "\f157"; } | |
| .icon-ruble:before, | |
| .icon-rouble:before, | |
| .icon-rub:before { | |
| content: "\f158"; } | |
| .icon-won:before, | |
| .icon-krw:before { | |
| content: "\f159"; } | |
| .icon-bitcoin:before, | |
| .icon-btc:before { | |
| content: "\f15a"; } | |
| .icon-file:before { | |
| content: "\f15b"; } | |
| .icon-file-text:before { | |
| content: "\f15c"; } | |
| .icon-sort-alpha-asc:before { | |
| content: "\f15d"; } | |
| .icon-sort-alpha-desc:before { | |
| content: "\f15e"; } | |
| .icon-sort-amount-asc:before { | |
| content: "\f160"; } | |
| .icon-sort-amount-desc:before { | |
| content: "\f161"; } | |
| .icon-sort-numeric-asc:before { | |
| content: "\f162"; } | |
| .icon-sort-numeric-desc:before { | |
| content: "\f163"; } | |
| .icon-thumbs-up:before { | |
| content: "\f164"; } | |
| .icon-thumbs-down:before { | |
| content: "\f165"; } | |
| .icon-youtube-square:before { | |
| content: "\f166"; } | |
| .icon-youtube:before { | |
| content: "\f167"; } | |
| .icon-xing:before { | |
| content: "\f168"; } | |
| .icon-xing-square:before { | |
| content: "\f169"; } | |
| .icon-youtube-play:before { | |
| content: "\f16a"; } | |
| .icon-dropbox:before { | |
| content: "\f16b"; } | |
| .icon-stack-overflow:before { | |
| content: "\f16c"; } | |
| .icon-instagram:before { | |
| content: "\f16d"; } | |
| .icon-flickr:before { | |
| content: "\f16e"; } | |
| .icon-adn:before { | |
| content: "\f170"; } | |
| .icon-bitbucket:before { | |
| content: "\f171"; } | |
| .icon-bitbucket-square:before { | |
| content: "\f172"; } | |
| .icon-tumblr:before { | |
| content: "\f173"; } | |
| .icon-tumblr-square:before { | |
| content: "\f174"; } | |
| .icon-long-arrow-down:before { | |
| content: "\f175"; } | |
| .icon-long-arrow-up:before { | |
| content: "\f176"; } | |
| .icon-long-arrow-left:before { | |
| content: "\f177"; } | |
| .icon-long-arrow-right:before { | |
| content: "\f178"; } | |
| .icon-apple:before { | |
| content: "\f179"; } | |
| .icon-windows:before { | |
| content: "\f17a"; } | |
| .icon-android:before { | |
| content: "\f17b"; } | |
| .icon-linux:before { | |
| content: "\f17c"; } | |
| .icon-dribbble:before { | |
| content: "\f17d"; } | |
| .icon-skype:before { | |
| content: "\f17e"; } | |
| .icon-foursquare:before { | |
| content: "\f180"; } | |
| .icon-trello:before { | |
| content: "\f181"; } | |
| .icon-female:before { | |
| content: "\f182"; } | |
| .icon-male:before { | |
| content: "\f183"; } | |
| .icon-gittip:before { | |
| content: "\f184"; } | |
| .icon-sun-o:before { | |
| content: "\f185"; } | |
| .icon-moon-o:before { | |
| content: "\f186"; } | |
| .icon-archive:before { | |
| content: "\f187"; } | |
| .icon-bug:before { | |
| content: "\f188"; } | |
| .icon-vk:before { | |
| content: "\f189"; } | |
| .icon-weibo:before { | |
| content: "\f18a"; } | |
| .icon-renren:before { | |
| content: "\f18b"; } | |
| .icon-pagelines:before { | |
| content: "\f18c"; } | |
| .icon-stack-exchange:before { | |
| content: "\f18d"; } | |
| .icon-arrow-circle-o-right:before { | |
| content: "\f18e"; } | |
| .icon-arrow-circle-o-left:before { | |
| content: "\f190"; } | |
| .icon-toggle-left:before, | |
| .icon-caret-square-o-left:before { | |
| content: "\f191"; } | |
| .icon-dot-circle-o:before { | |
| content: "\f192"; } | |
| .icon-wheelchair:before { | |
| content: "\f193"; } | |
| .icon-vimeo-square:before { | |
| content: "\f194"; } | |
| .icon-turkish-lira:before, | |
| .icon-try:before { | |
| content: "\f195"; } | |
| .icon-plus-square-o:before { | |
| content: "\f196"; } | |
| /* FONT PATH | |
| * -------------------------- */ | |
| @font-face { | |
| font-family: 'entypo'; | |
| src: url("../fonts/entypo2/entypo.eot"); | |
| src: url("../fonts/entypo2/entypo.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo2/entypo.woff") format("woff"), url("../fonts/entypo2/entypo.ttf") format("truetype"), url("../fonts/entypo2/entypo.svg#entypo") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| @media screen and (-webkit-min-device-pixel-ratio: 0) { | |
| @font-face { | |
| font-family: 'entypo'; | |
| src: url("../fonts/entypo2/entypo.svg#entypo") format("svg"); } } | |
| @font-face { | |
| font-family: 'entypo-social'; | |
| src: url("../fonts/entypo2/entypo-social.eot"); | |
| src: url("../fonts/entypo2/entypo-social.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo2/entypo-social.woff") format("woff"), url("../fonts/entypo2/entypo-social.ttf") format("truetype"), url("../fonts/entypo2/entypo-social.svg#entypo-social") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| @media screen and (-webkit-min-device-pixel-ratio: 0) { | |
| @font-face { | |
| font-family: 'entypo-social'; | |
| src: url("../fonts/entypo2/entypo-social.svg#entypo-social") format("svg"); } } | |
| [class^="icon-e-"]:before, [class*=" icon-e-"]:before { | |
| font-family: "entypo"; | |
| font-style: normal; | |
| font-weight: normal; | |
| speak: none; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| width: 1em; | |
| margin-right: .2em; | |
| text-align: center; | |
| /* opacity: .8; */ | |
| /* For safety - reset parent styles, that can break glyph codes*/ | |
| font-variant: normal; | |
| text-transform: none; | |
| /* fix buttons height, for twitter bootstrap */ | |
| line-height: 1em; | |
| /* Animation center compensation - margins should be symmetric */ | |
| /* remove if not needed */ | |
| margin-left: .2em; | |
| /* you can be more comfortable with increased icons size */ | |
| /* font-size: 120%; */ | |
| /* Uncomment for 3D effect */ | |
| /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } | |
| .icon-e-plus:before { | |
| content: '\e816'; } | |
| /* '' */ | |
| .icon-e-minus:before { | |
| content: '\e819'; } | |
| /* '' */ | |
| .icon-e-fivehundredpx:before { | |
| content: '\e921'; } | |
| /* '' */ | |
| .icon-e-digg:before { | |
| content: '\e922'; } | |
| /* '' */ | |
| .icon-e-cc-1:before { | |
| content: '\e924'; } | |
| /* '' */ | |
| .icon-e-dribbble-1:before { | |
| content: '\e923'; } | |
| /* '' */ | |
| .icon-e-youtube:before { | |
| content: '\e920'; } | |
| /* '' */ | |
| .icon-e-googleplay:before { | |
| content: '\e91f'; } | |
| /* '' */ | |
| .icon-e-soundcloud-1:before { | |
| content: '\e91e'; } | |
| /* '' */ | |
| .icon-e-appnet:before { | |
| content: '\e91c'; } | |
| /* '' */ | |
| .icon-e-info:before { | |
| content: '\e81e'; } | |
| /* '' */ | |
| .icon-e-left-thin:before { | |
| content: '\e88c'; } | |
| /* '' */ | |
| .icon-e-up-thin:before { | |
| content: '\e88e'; } | |
| /* '' */ | |
| .icon-e-right-thin:before { | |
| content: '\e88d'; } | |
| /* '' */ | |
| .icon-e-down-thin:before { | |
| content: '\e88b'; } | |
| /* '' */ | |
| .icon-e-level-up:before { | |
| content: '\e893'; } | |
| /* '' */ | |
| .icon-e-level-down:before { | |
| content: '\e892'; } | |
| /* '' */ | |
| .icon-e-switch:before { | |
| content: '\e896'; } | |
| /* '' */ | |
| .icon-e-infinity:before { | |
| content: '\e8c2'; } | |
| /* '' */ | |
| .icon-e-plus-squared:before { | |
| content: '\e818'; } | |
| /* '' */ | |
| .icon-e-minus-squared:before { | |
| content: '\e81b'; } | |
| /* '' */ | |
| .icon-e-home:before { | |
| content: '\e821'; } | |
| /* '' */ | |
| .icon-e-keyboard:before { | |
| content: '\e83a'; } | |
| /* '' */ | |
| .icon-e-erase:before { | |
| content: '\e8c3'; } | |
| /* '' */ | |
| .icon-e-pause:before { | |
| content: '\e899'; } | |
| /* '' */ | |
| .icon-e-fast-forward:before { | |
| content: '\e89d'; } | |
| /* '' */ | |
| .icon-e-fast-backward:before { | |
| content: '\e89e'; } | |
| /* '' */ | |
| .icon-e-to-end:before { | |
| content: '\e89b'; } | |
| /* '' */ | |
| .icon-e-to-start:before { | |
| content: '\e89c'; } | |
| /* '' */ | |
| .icon-e-hourglass:before { | |
| content: '\e863'; } | |
| /* '' */ | |
| .icon-e-stop-1:before { | |
| content: '\e898'; } | |
| /* '' */ | |
| .icon-e-up-dir:before { | |
| content: '\e886'; } | |
| /* '' */ | |
| .icon-e-play:before { | |
| content: '\e897'; } | |
| /* '' */ | |
| .icon-e-right-dir:before { | |
| content: '\e885'; } | |
| /* '' */ | |
| .icon-e-down-dir:before { | |
| content: '\e883'; } | |
| /* '' */ | |
| .icon-e-left-dir:before { | |
| content: '\e884'; } | |
| /* '' */ | |
| .icon-e-adjust:before { | |
| content: '\e867'; } | |
| /* '' */ | |
| .icon-e-cloud:before { | |
| content: '\e8b2'; } | |
| /* '' */ | |
| .icon-e-star:before { | |
| content: '\e808'; } | |
| /* '' */ | |
| .icon-e-star-empty:before { | |
| content: '\e809'; } | |
| /* '' */ | |
| .icon-e-cup:before { | |
| content: '\e846'; } | |
| /* '' */ | |
| .icon-e-menu:before { | |
| content: '\e811'; } | |
| /* '' */ | |
| .icon-e-moon:before { | |
| content: '\e8b5'; } | |
| /* '' */ | |
| .icon-e-heart-empty:before { | |
| content: '\e807'; } | |
| /* '' */ | |
| .icon-e-heart:before { | |
| content: '\e806'; } | |
| /* '' */ | |
| .icon-e-note:before { | |
| content: '\e800'; } | |
| /* '' */ | |
| .icon-e-note-beamed:before { | |
| content: '\e801'; } | |
| /* '' */ | |
| .icon-e-layout:before { | |
| content: '\e810'; } | |
| /* '' */ | |
| .icon-e-flag:before { | |
| content: '\e82a'; } | |
| /* '' */ | |
| .icon-e-tools:before { | |
| content: '\e856'; } | |
| /* '' */ | |
| .icon-e-cog:before { | |
| content: '\e855'; } | |
| /* '' */ | |
| .icon-e-attention:before { | |
| content: '\e83e'; } | |
| /* '' */ | |
| .icon-e-flash:before { | |
| content: '\e8b4'; } | |
| /* '' */ | |
| .icon-e-record:before { | |
| content: '\e89a'; } | |
| /* '' */ | |
| .icon-e-cloud-thunder:before { | |
| content: '\e8b3'; } | |
| /* '' */ | |
| .icon-e-tape:before { | |
| content: '\e8c8'; } | |
| /* '' */ | |
| .icon-e-flight:before { | |
| content: '\e8b6'; } | |
| /* '' */ | |
| .icon-e-mail:before { | |
| content: '\e805'; } | |
| /* '' */ | |
| .icon-e-pencil:before { | |
| content: '\e836'; } | |
| /* '' */ | |
| .icon-e-feather:before { | |
| content: '\e837'; } | |
| /* '' */ | |
| .icon-e-check:before { | |
| content: '\e812'; } | |
| /* '' */ | |
| .icon-e-cancel:before { | |
| content: '\e813'; } | |
| /* '' */ | |
| .icon-e-cancel-circled:before { | |
| content: '\e814'; } | |
| /* '' */ | |
| .icon-e-cancel-squared:before { | |
| content: '\e815'; } | |
| /* '' */ | |
| .icon-e-help:before { | |
| content: '\e81c'; } | |
| /* '' */ | |
| .icon-e-quote:before { | |
| content: '\e833'; } | |
| /* '' */ | |
| .icon-e-plus-circled:before { | |
| content: '\e817'; } | |
| /* '' */ | |
| .icon-e-minus-circled:before { | |
| content: '\e81a'; } | |
| /* '' */ | |
| .icon-e-right:before { | |
| content: '\e881'; } | |
| /* '' */ | |
| .icon-e-direction:before { | |
| content: '\e844'; } | |
| /* '' */ | |
| .icon-e-forward:before { | |
| content: '\e832'; } | |
| /* '' */ | |
| .icon-e-ccw:before { | |
| content: '\e88f'; } | |
| /* '' */ | |
| .icon-e-cw:before { | |
| content: '\e890'; } | |
| /* '' */ | |
| .icon-e-left:before { | |
| content: '\e880'; } | |
| /* '' */ | |
| .icon-e-up:before { | |
| content: '\e882'; } | |
| /* '' */ | |
| .icon-e-down:before { | |
| content: '\e87f'; } | |
| /* '' */ | |
| .icon-e-list-add:before { | |
| content: '\e8a6'; } | |
| /* '' */ | |
| .icon-e-list:before { | |
| content: '\e8a5'; } | |
| /* '' */ | |
| .icon-e-deviantart:before { | |
| content: '\e91d'; } | |
| /* '' */ | |
| .icon-e-left-bold:before { | |
| content: '\e888'; } | |
| /* '' */ | |
| .icon-e-right-bold:before { | |
| content: '\e889'; } | |
| /* '' */ | |
| .icon-e-up-bold:before { | |
| content: '\e88a'; } | |
| /* '' */ | |
| .icon-e-down-bold:before { | |
| content: '\e887'; } | |
| /* '' */ | |
| .icon-e-user-add:before { | |
| content: '\e80c'; } | |
| /* '' */ | |
| .icon-e-help-circled:before { | |
| content: '\e81d'; } | |
| /* '' */ | |
| .icon-e-info-circled:before { | |
| content: '\e81f'; } | |
| /* '' */ | |
| .icon-e-eye:before { | |
| content: '\e826'; } | |
| /* '' */ | |
| .icon-e-tag:before { | |
| content: '\e827'; } | |
| /* '' */ | |
| .icon-e-upload-cloud:before { | |
| content: '\e82f'; } | |
| /* '' */ | |
| .icon-e-reply:before { | |
| content: '\e830'; } | |
| /* '' */ | |
| .icon-e-reply-all:before { | |
| content: '\e831'; } | |
| /* '' */ | |
| .icon-e-code:before { | |
| content: '\e834'; } | |
| /* '' */ | |
| .icon-e-export:before { | |
| content: '\e835'; } | |
| /* '' */ | |
| .icon-e-print:before { | |
| content: '\e838'; } | |
| /* '' */ | |
| .icon-e-retweet:before { | |
| content: '\e839'; } | |
| /* '' */ | |
| .icon-e-comment:before { | |
| content: '\e83b'; } | |
| /* '' */ | |
| .icon-e-chat:before { | |
| content: '\e83c'; } | |
| /* '' */ | |
| .icon-e-vcard:before { | |
| content: '\e840'; } | |
| /* '' */ | |
| .icon-e-address:before { | |
| content: '\e841'; } | |
| /* '' */ | |
| .icon-e-location:before { | |
| content: '\e842'; } | |
| /* '' */ | |
| .icon-e-map:before { | |
| content: '\e843'; } | |
| /* '' */ | |
| .icon-e-compass:before { | |
| content: '\e845'; } | |
| /* '' */ | |
| .icon-e-trash:before { | |
| content: '\e847'; } | |
| /* '' */ | |
| .icon-e-doc:before { | |
| content: '\e848'; } | |
| /* '' */ | |
| .icon-e-doc-text-inv:before { | |
| content: '\e84c'; } | |
| /* '' */ | |
| .icon-e-docs:before { | |
| content: '\e849'; } | |
| /* '' */ | |
| .icon-e-doc-landscape:before { | |
| content: '\e84a'; } | |
| /* '' */ | |
| .icon-e-archive:before { | |
| content: '\e851'; } | |
| /* '' */ | |
| .icon-e-rss:before { | |
| content: '\e853'; } | |
| /* '' */ | |
| .icon-e-share:before { | |
| content: '\e857'; } | |
| /* '' */ | |
| .icon-e-basket:before { | |
| content: '\e859'; } | |
| /* '' */ | |
| .icon-e-shareable:before { | |
| content: '\e858'; } | |
| /* '' */ | |
| .icon-e-login:before { | |
| content: '\e85c'; } | |
| /* '' */ | |
| .icon-e-logout:before { | |
| content: '\e85d'; } | |
| /* '' */ | |
| .icon-e-volume:before { | |
| content: '\e861'; } | |
| /* '' */ | |
| .icon-e-resize-full:before { | |
| content: '\e869'; } | |
| /* '' */ | |
| .icon-e-resize-small:before { | |
| content: '\e86a'; } | |
| /* '' */ | |
| .icon-e-popup:before { | |
| content: '\e86b'; } | |
| /* '' */ | |
| .icon-e-publish:before { | |
| content: '\e86c'; } | |
| /* '' */ | |
| .icon-e-window:before { | |
| content: '\e86d'; } | |
| /* '' */ | |
| .icon-e-arrow-combo:before { | |
| content: '\e86e'; } | |
| /* '' */ | |
| .icon-e-chart-pie:before { | |
| content: '\e8c4'; } | |
| /* '' */ | |
| .icon-e-language:before { | |
| content: '\e8ca'; } | |
| /* '' */ | |
| .icon-e-air:before { | |
| content: '\e8ce'; } | |
| /* '' */ | |
| .icon-e-database:before { | |
| content: '\e8d3'; } | |
| /* '' */ | |
| .icon-e-drive:before { | |
| content: '\e8d4'; } | |
| /* '' */ | |
| .icon-e-bucket:before { | |
| content: '\e8d5'; } | |
| /* '' */ | |
| .icon-e-thermometer:before { | |
| content: '\e8d6'; } | |
| /* '' */ | |
| .icon-e-down-circled:before { | |
| content: '\e86f'; } | |
| /* '' */ | |
| .icon-e-left-circled:before { | |
| content: '\e870'; } | |
| /* '' */ | |
| .icon-e-right-circled:before { | |
| content: '\e871'; } | |
| /* '' */ | |
| .icon-e-up-circled:before { | |
| content: '\e872'; } | |
| /* '' */ | |
| .icon-e-down-open:before { | |
| content: '\e873'; } | |
| /* '' */ | |
| .icon-e-left-open:before { | |
| content: '\e874'; } | |
| /* '' */ | |
| .icon-e-right-open:before { | |
| content: '\e875'; } | |
| /* '' */ | |
| .icon-e-up-open:before { | |
| content: '\e876'; } | |
| /* '' */ | |
| .icon-e-down-open-mini:before { | |
| content: '\e877'; } | |
| /* '' */ | |
| .icon-e-left-open-mini:before { | |
| content: '\e878'; } | |
| /* '' */ | |
| .icon-e-right-open-mini:before { | |
| content: '\e879'; } | |
| /* '' */ | |
| .icon-e-up-open-mini:before { | |
| content: '\e87a'; } | |
| /* '' */ | |
| .icon-e-down-open-big:before { | |
| content: '\e87b'; } | |
| /* '' */ | |
| .icon-e-left-open-big:before { | |
| content: '\e87c'; } | |
| /* '' */ | |
| .icon-e-right-open-big:before { | |
| content: '\e87d'; } | |
| /* '' */ | |
| .icon-e-up-open-big:before { | |
| content: '\e87e'; } | |
| /* '' */ | |
| .icon-e-progress-0:before { | |
| content: '\e89f'; } | |
| /* '' */ | |
| .icon-e-progress-1:before { | |
| content: '\e8a0'; } | |
| /* '' */ | |
| .icon-e-progress-2:before { | |
| content: '\e8a1'; } | |
| /* '' */ | |
| .icon-e-progress-3:before { | |
| content: '\e8a2'; } | |
| /* '' */ | |
| .icon-e-back-in-time:before { | |
| content: '\e8aa'; } | |
| /* '' */ | |
| .icon-e-network:before { | |
| content: '\e8ad'; } | |
| /* '' */ | |
| .icon-e-inbox:before { | |
| content: '\e8af'; } | |
| /* '' */ | |
| .icon-e-install:before { | |
| content: '\e8b0'; } | |
| /* '' */ | |
| .icon-e-lifebuoy:before { | |
| content: '\e8b9'; } | |
| /* '' */ | |
| .icon-e-mouse:before { | |
| content: '\e8ba'; } | |
| /* '' */ | |
| .icon-e-dot:before { | |
| content: '\e8bd'; } | |
| /* '' */ | |
| .icon-e-dot-2:before { | |
| content: '\e8be'; } | |
| /* '' */ | |
| .icon-e-dot-3:before { | |
| content: '\e8bf'; } | |
| /* '' */ | |
| .icon-e-suitcase:before { | |
| content: '\e8bc'; } | |
| /* '' */ | |
| .icon-e-flow-cascade:before { | |
| content: '\e8d8'; } | |
| /* '' */ | |
| .icon-e-flow-branch:before { | |
| content: '\e8d9'; } | |
| /* '' */ | |
| .icon-e-flow-tree:before { | |
| content: '\e8da'; } | |
| /* '' */ | |
| .icon-e-flow-line:before { | |
| content: '\e8db'; } | |
| /* '' */ | |
| .icon-e-flow-parallel:before { | |
| content: '\e8dc'; } | |
| /* '' */ | |
| .icon-e-brush:before { | |
| content: '\e8c0'; } | |
| /* '' */ | |
| .icon-e-paper-plane:before { | |
| content: '\e8b7'; } | |
| /* '' */ | |
| .icon-e-magnet:before { | |
| content: '\e8c1'; } | |
| /* '' */ | |
| .icon-e-gauge:before { | |
| content: '\e8de'; } | |
| /* '' */ | |
| .icon-e-traffic-cone:before { | |
| content: '\e8df'; } | |
| /* '' */ | |
| .icon-e-cc:before { | |
| content: '\e8e0'; } | |
| /* '' */ | |
| .icon-e-cc-by:before { | |
| content: '\e8e1'; } | |
| /* '' */ | |
| .icon-e-cc-nc:before { | |
| content: '\e8e2'; } | |
| /* '' */ | |
| .icon-e-cc-nc-eu:before { | |
| content: '\e8e3'; } | |
| /* '' */ | |
| .icon-e-cc-nc-jp:before { | |
| content: '\e8e4'; } | |
| /* '' */ | |
| .icon-e-cc-sa:before { | |
| content: '\e8e5'; } | |
| /* '' */ | |
| .icon-e-cc-nd:before { | |
| content: '\e8e6'; } | |
| /* '' */ | |
| .icon-e-cc-pd:before { | |
| content: '\e8e7'; } | |
| /* '' */ | |
| .icon-e-cc-zero:before { | |
| content: '\e8e8'; } | |
| /* '' */ | |
| .icon-e-cc-share:before { | |
| content: '\e8e9'; } | |
| /* '' */ | |
| .icon-e-cc-remix:before { | |
| content: '\e8ea'; } | |
| /* '' */ | |
| .icon-e-github:before { | |
| content: '\e8eb'; } | |
| /* '' */ | |
| .icon-e-github-circled:before { | |
| content: '\e8ec'; } | |
| /* '' */ | |
| .icon-e-flickr:before { | |
| content: '\e8ed'; } | |
| /* '' */ | |
| .icon-e-flickr-circled:before { | |
| content: '\e8ee'; } | |
| /* '' */ | |
| .icon-e-vimeo:before { | |
| content: '\e8ef'; } | |
| /* '' */ | |
| .icon-e-vimeo-circled:before { | |
| content: '\e8f0'; } | |
| /* '' */ | |
| .icon-e-twitter:before { | |
| content: '\e8f1'; } | |
| /* '' */ | |
| .icon-e-twitter-circled:before { | |
| content: '\e8f2'; } | |
| /* '' */ | |
| .icon-e-facebook:before { | |
| content: '\e8f3'; } | |
| /* '' */ | |
| .icon-e-facebook-circled:before { | |
| content: '\e8f4'; } | |
| /* '' */ | |
| .icon-e-facebook-squared:before { | |
| content: '\e8f5'; } | |
| /* '' */ | |
| .icon-e-gplus:before { | |
| content: '\e8f6'; } | |
| /* '' */ | |
| .icon-e-gplus-circled:before { | |
| content: '\e8f7'; } | |
| /* '' */ | |
| .icon-e-pinterest:before { | |
| content: '\e8f8'; } | |
| /* '' */ | |
| .icon-e-pinterest-circled:before { | |
| content: '\e8f9'; } | |
| /* '' */ | |
| .icon-e-tumblr:before { | |
| content: '\e8fa'; } | |
| /* '' */ | |
| .icon-e-tumblr-circled:before { | |
| content: '\e8fb'; } | |
| /* '' */ | |
| .icon-e-linkedin:before { | |
| content: '\e8fc'; } | |
| /* '' */ | |
| .icon-e-linkedin-circled:before { | |
| content: '\e8fd'; } | |
| /* '' */ | |
| .icon-e-dribbble:before { | |
| content: '\e8fe'; } | |
| /* '' */ | |
| .icon-e-dribbble-circled:before { | |
| content: '\e8ff'; } | |
| /* '' */ | |
| .icon-e-stumbleupon:before { | |
| content: '\e900'; } | |
| /* '' */ | |
| .icon-e-stumbleupon-circled:before { | |
| content: '\e901'; } | |
| /* '' */ | |
| .icon-e-lastfm:before { | |
| content: '\e902'; } | |
| /* '' */ | |
| .icon-e-lastfm-circled:before { | |
| content: '\e903'; } | |
| /* '' */ | |
| .icon-e-rdio:before { | |
| content: '\e904'; } | |
| /* '' */ | |
| .icon-e-rdio-circled:before { | |
| content: '\e905'; } | |
| /* '' */ | |
| .icon-e-spotify:before { | |
| content: '\e906'; } | |
| /* '' */ | |
| .icon-e-spotify-circled:before { | |
| content: '\e907'; } | |
| /* '' */ | |
| .icon-e-qq:before { | |
| content: '\e908'; } | |
| /* '' */ | |
| .icon-e-instagram:before { | |
| content: '\e909'; } | |
| /* '' */ | |
| .icon-e-dropbox:before { | |
| content: '\e90a'; } | |
| /* '' */ | |
| .icon-e-evernote:before { | |
| content: '\e90b'; } | |
| /* '' */ | |
| .icon-e-flattr:before { | |
| content: '\e90c'; } | |
| /* '' */ | |
| .icon-e-skype:before { | |
| content: '\e90d'; } | |
| /* '' */ | |
| .icon-e-skype-circled:before { | |
| content: '\e90e'; } | |
| /* '' */ | |
| .icon-e-renren:before { | |
| content: '\e90f'; } | |
| /* '' */ | |
| .icon-e-sina-weibo:before { | |
| content: '\e910'; } | |
| /* '' */ | |
| .icon-e-paypal:before { | |
| content: '\e911'; } | |
| /* '' */ | |
| .icon-e-picasa:before { | |
| content: '\e912'; } | |
| /* '' */ | |
| .icon-e-soundcloud:before { | |
| content: '\e913'; } | |
| /* '' */ | |
| .icon-e-mixi:before { | |
| content: '\e914'; } | |
| /* '' */ | |
| .icon-e-behance:before { | |
| content: '\e915'; } | |
| /* '' */ | |
| .icon-e-google-circles:before { | |
| content: '\e916'; } | |
| /* '' */ | |
| .icon-e-vkontakte:before { | |
| content: '\e917'; } | |
| /* '' */ | |
| .icon-e-smashing:before { | |
| content: '\e918'; } | |
| /* '' */ | |
| .icon-e-db-shape:before { | |
| content: '\e91a'; } | |
| /* '' */ | |
| .icon-e-sweden:before { | |
| content: '\e919'; } | |
| /* '' */ | |
| .icon-e-logo-db:before { | |
| content: '\e91b'; } | |
| /* '' */ | |
| .icon-e-picture:before { | |
| content: '\e80e'; } | |
| /* '' */ | |
| .icon-e-globe:before { | |
| content: '\e8b1'; } | |
| /* '' */ | |
| .icon-e-leaf:before { | |
| content: '\e8b8'; } | |
| /* '' */ | |
| .icon-e-graduation-cap:before { | |
| content: '\e8c9'; } | |
| /* '' */ | |
| .icon-e-mic:before { | |
| content: '\e85e'; } | |
| /* '' */ | |
| .icon-e-palette:before { | |
| content: '\e8a4'; } | |
| /* '' */ | |
| .icon-e-ticket:before { | |
| content: '\e8cb'; } | |
| /* '' */ | |
| .icon-e-video:before { | |
| content: '\e80d'; } | |
| /* '' */ | |
| .icon-e-target:before { | |
| content: '\e8a3'; } | |
| /* '' */ | |
| .icon-e-music:before { | |
| content: '\e802'; } | |
| /* '' */ | |
| .icon-e-trophy:before { | |
| content: '\e8a8'; } | |
| /* '' */ | |
| .icon-e-thumbs-up:before { | |
| content: '\e82b'; } | |
| /* '' */ | |
| .icon-e-thumbs-down:before { | |
| content: '\e82c'; } | |
| /* '' */ | |
| .icon-e-bag:before { | |
| content: '\e85a'; } | |
| /* '' */ | |
| .icon-e-user:before { | |
| content: '\e80a'; } | |
| /* '' */ | |
| .icon-e-users:before { | |
| content: '\e80b'; } | |
| /* '' */ | |
| .icon-e-lamp:before { | |
| content: '\e864'; } | |
| /* '' */ | |
| .icon-e-alert:before { | |
| content: '\e83f'; } | |
| /* '' */ | |
| .icon-e-water:before { | |
| content: '\e8cc'; } | |
| /* '' */ | |
| .icon-e-droplet:before { | |
| content: '\e8cd'; } | |
| /* '' */ | |
| .icon-e-credit-card:before { | |
| content: '\e8cf'; } | |
| /* '' */ | |
| .icon-e-monitor:before { | |
| content: '\e8ab'; } | |
| /* '' */ | |
| .icon-e-briefcase:before { | |
| content: '\e8bb'; } | |
| /* '' */ | |
| .icon-e-floppy:before { | |
| content: '\e8d0'; } | |
| /* '' */ | |
| .icon-e-cd:before { | |
| content: '\e8ae'; } | |
| /* '' */ | |
| .icon-e-folder:before { | |
| content: '\e850'; } | |
| /* '' */ | |
| .icon-e-doc-text:before { | |
| content: '\e84b'; } | |
| /* '' */ | |
| .icon-e-calendar:before { | |
| content: '\e85b'; } | |
| /* '' */ | |
| .icon-e-chart-line:before { | |
| content: '\e8c5'; } | |
| /* '' */ | |
| .icon-e-chart-bar:before { | |
| content: '\e8c6'; } | |
| /* '' */ | |
| .icon-e-clipboard:before { | |
| content: '\e8d1'; } | |
| /* '' */ | |
| .icon-e-attach:before { | |
| content: '\e823'; } | |
| /* '' */ | |
| .icon-e-bookmarks:before { | |
| content: '\e829'; } | |
| /* '' */ | |
| .icon-e-book:before { | |
| content: '\e84f'; } | |
| /* '' */ | |
| .icon-e-book-open:before { | |
| content: '\e84e'; } | |
| /* '' */ | |
| .icon-e-phone:before { | |
| content: '\e854'; } | |
| /* '' */ | |
| .icon-e-megaphone:before { | |
| content: '\e8d2'; } | |
| /* '' */ | |
| .icon-e-upload:before { | |
| content: '\e82e'; } | |
| /* '' */ | |
| .icon-e-download:before { | |
| content: '\e82d'; } | |
| /* '' */ | |
| .icon-e-box:before { | |
| content: '\e852'; } | |
| /* '' */ | |
| .icon-e-newspaper:before { | |
| content: '\e84d'; } | |
| /* '' */ | |
| .icon-e-mobile:before { | |
| content: '\e8ac'; } | |
| /* '' */ | |
| .icon-e-signal:before { | |
| content: '\e8a7'; } | |
| /* '' */ | |
| .icon-e-camera:before { | |
| content: '\e80f'; } | |
| /* '' */ | |
| .icon-e-shuffle:before { | |
| content: '\e894'; } | |
| /* '' */ | |
| .icon-e-loop:before { | |
| content: '\e895'; } | |
| /* '' */ | |
| .icon-e-arrows-ccw:before { | |
| content: '\e891'; } | |
| /* '' */ | |
| .icon-e-light-down:before { | |
| content: '\e865'; } | |
| /* '' */ | |
| .icon-e-light-up:before { | |
| content: '\e866'; } | |
| /* '' */ | |
| .icon-e-mute:before { | |
| content: '\e85f'; } | |
| /* '' */ | |
| .icon-e-sound:before { | |
| content: '\e860'; } | |
| /* '' */ | |
| .icon-e-battery:before { | |
| content: '\e8a9'; } | |
| /* '' */ | |
| .icon-e-search:before { | |
| content: '\e803'; } | |
| /* '' */ | |
| .icon-e-key:before { | |
| content: '\e8d7'; } | |
| /* '' */ | |
| .icon-e-lock:before { | |
| content: '\e824'; } | |
| /* '' */ | |
| .icon-e-lock-open:before { | |
| content: '\e825'; } | |
| /* '' */ | |
| .icon-e-bell:before { | |
| content: '\e83d'; } | |
| /* '' */ | |
| .icon-e-bookmark:before { | |
| content: '\e828'; } | |
| /* '' */ | |
| .icon-e-link:before { | |
| content: '\e822'; } | |
| /* '' */ | |
| .icon-e-back:before { | |
| content: '\e820'; } | |
| /* '' */ | |
| .icon-e-flashlight:before { | |
| content: '\e804'; } | |
| /* '' */ | |
| .icon-e-chart-area:before { | |
| content: '\e8c7'; } | |
| /* '' */ | |
| .icon-e-clock:before { | |
| content: '\e862'; } | |
| /* '' */ | |
| .icon-e-rocket:before { | |
| content: '\e8dd'; } | |
| /* '' */ | |
| .icon-e-block:before { | |
| content: '\e868'; } | |
| /* '' */ | |
| /*-----------------------------------------------*\ | |
| SHORT-NAMED VARIABLES | |
| \*-----------------------------------------------*/ | |
| /*-----------------------------------------------*\ | |
| IMPORT THEME COMPONENTS | |
| \*-----------------------------------------------*/ | |
| /* v1.0.5 */ | |
| /* Core RS CSS file. 95% of time you shouldn't change anything here. */ | |
| .royalSlider, .pixslider { | |
| width: 600px; | |
| height: 400px; | |
| position: relative; | |
| direction: ltr; } | |
| .royalSlider > *, .pixslider > * { | |
| float: left; } | |
| .rsWebkit3d .rsSlide { | |
| -webkit-transform: translateZ(0); } | |
| .rsWebkit3d .rsSlide, | |
| .rsWebkit3d .rsContainer, | |
| .rsWebkit3d .rsThumbs, | |
| .rsWebkit3d .rsPreloader, | |
| .rsWebkit3d img, | |
| .rsWebkit3d .rsOverflow, | |
| .rsWebkit3d .rsBtnCenterer, | |
| .rsWebkit3d .rsAbsoluteEl, | |
| .rsWebkit3d .rsABlock, | |
| .rsWebkit3d .rsLink { | |
| -webkit-backface-visibility: hidden; } | |
| .rsFade.rsWebkit3d .rsSlide, | |
| .rsFade.rsWebkit3d img, | |
| .rsFade.rsWebkit3d .rsContainer { | |
| -webkit-transform: none; } | |
| .rsOverflow { | |
| width: 100%; | |
| height: 100%; | |
| position: relative; | |
| overflow: hidden; | |
| float: left; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |
| .rsVisibleNearbyWrap { | |
| width: 100%; | |
| height: 100%; | |
| position: relative; | |
| overflow: hidden; | |
| left: 0; | |
| top: 0; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |
| .rsVisibleNearbyWrap .rsOverflow { | |
| position: absolute; | |
| left: 0; | |
| top: 0; } | |
| .rsContainer { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |
| .rsArrow, | |
| .rsThumbsArrow { | |
| cursor: pointer; } | |
| .rsThumb { | |
| float: left; | |
| position: relative; } | |
| .rsArrow, | |
| .rsNav, | |
| .rsThumbsArrow { | |
| opacity: 1; | |
| -webkit-transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| transition: opacity 0.3s linear; } | |
| .rsHidden { | |
| opacity: 0; | |
| visibility: hidden; | |
| -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; | |
| -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear; | |
| -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear; | |
| transition: visibility 0s linear 0.3s,opacity 0.3s linear; } | |
| .rsGCaption { | |
| width: 100%; | |
| float: left; | |
| text-align: center; } | |
| /* Fullscreen options, very important ^^ */ | |
| .royalSlider.rsFullscreen, .rsFullscreen.pixslider { | |
| position: fixed !important; | |
| height: auto !important; | |
| width: auto !important; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| z-index: 2147483647 !important; | |
| top: 0 !important; | |
| left: 0 !important; | |
| bottom: 0 !important; | |
| right: 0 !important; } | |
| .royalSlider .rsSlide.rsFakePreloader, .pixslider .rsSlide.rsFakePreloader { | |
| opacity: 1 !important; | |
| -webkit-transition: 0s; | |
| -moz-transition: 0s; | |
| -o-transition: 0s; | |
| transition: 0s; | |
| display: none; } | |
| .rsSlide { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| overflow: hidden; | |
| height: 100%; | |
| width: 100%; } | |
| .royalSlider.rsAutoHeight, .rsAutoHeight.pixslider, | |
| .rsAutoHeight .rsSlide { | |
| height: auto; } | |
| .rsContent { | |
| width: 100%; | |
| height: 100%; | |
| position: relative; } | |
| .rsPreloader { | |
| position: absolute; | |
| z-index: 0; } | |
| .rsNav { | |
| -moz-user-select: -moz-none; | |
| -webkit-user-select: none; | |
| user-select: none; } | |
| .rsNavItem { | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } | |
| .rsThumbs { | |
| cursor: pointer; | |
| position: relative; | |
| overflow: hidden; | |
| float: left; | |
| z-index: 22; } | |
| .rsTabs { | |
| float: left; | |
| background: none !important; } | |
| .rsTabs, | |
| .rsThumbs { | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |
| .rsVideoContainer { | |
| /*left: 0; | |
| top: 0; | |
| position: absolute;*/ | |
| /*width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| float: left;*/ | |
| width: auto; | |
| height: auto; | |
| line-height: 0; | |
| position: relative; } | |
| .rsVideoFrameHolder { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| background: #141414; | |
| opacity: 0; | |
| -webkit-transition: .3s; } | |
| .rsVideoFrameHolder.rsVideoActive { | |
| opacity: 1; } | |
| .rsVideoContainer iframe, | |
| .rsVideoContainer video, | |
| .rsVideoContainer embed, | |
| .rsVideoContainer .rsVideoObj { | |
| position: absolute; | |
| z-index: 50; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; } | |
| /* ios controls over video bug, shifting video */ | |
| .rsVideoContainer.rsIOSVideo iframe, | |
| .rsVideoContainer.rsIOSVideo video, | |
| .rsVideoContainer.rsIOSVideo embed { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-right: 44px; } | |
| /*************** | |
| * | |
| * 6. Play/close video button | |
| * | |
| ****************/ | |
| .rsDefault .rsPlayBtn { | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); | |
| width: 64px; | |
| height: 64px; | |
| margin-left: -32px; | |
| margin-top: -32px; | |
| cursor: pointer; } | |
| .rsPlayBtnIcon { | |
| width: 64px; | |
| display: block; | |
| height: 64px; | |
| margin-top: -32px; | |
| margin-left: -32px; | |
| -webkit-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: .3s; | |
| -moz-transition: .3s; | |
| transition: .3s; | |
| background: url(../images/rs-default.png) no-repeat 0 -32px; | |
| background-color: #000; | |
| background-color: rgba(0, 0, 0, 0.75); | |
| *background-color: #000; } | |
| .rsPlayBtn:hover .rsPlayBtnIcon { | |
| background-color: rgba(0, 0, 0, 0.9); } | |
| .rsBtnCenterer { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; } | |
| .rsCloseVideoBtn { | |
| right: 0; | |
| top: 0; | |
| width: 44px; | |
| height: 44px; | |
| z-index: 500; | |
| position: absolute; | |
| cursor: pointer; | |
| -webkit-backface-visibility: hidden; | |
| -webkit-transform: translateZ(0); } | |
| .rsCloseVideoBtn.rsiOSBtn { | |
| top: -38px; | |
| right: -6px; } | |
| .rsCloseVideoIcn { | |
| margin: 6px; | |
| width: 32px; | |
| height: 32px; | |
| background: url("../images/rs-default.png") -64px 0; | |
| background-color: #000; | |
| background-color: rgba(0, 0, 0, 0.75); | |
| *background-color: #000; } | |
| .rsCloseVideoIcn:hover { | |
| background-color: rgba(0, 0, 0, 0.9); } | |
| .rsABlock { | |
| left: 0; | |
| top: 0; | |
| position: absolute; | |
| z-index: 15; } | |
| img.rsImg { | |
| max-width: none; } | |
| .grab-cursor { | |
| cursor: url(data:image/png;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7) 8 8, move; } | |
| .grabbing-cursor { | |
| cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAZklEQVR42sSTUQrAIAxD88T7Xzn7GpQ6OlHH8lWQ1rxUsa0dNW3q7ADAgKs6q8fmO4+qliTblAgx2ByybUU3LRwAlLxPG2sRYSXEnjk/XyMwhjjD/+pgZki+fUBYcbL9lPn9N14DABr2QCOzCyetAAAAAElFTkSuQmCC) 8 8, move; } | |
| .rsNoDrag { | |
| cursor: auto; } | |
| .rsLink { | |
| left: 0; | |
| top: 0; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| z-index: 20; | |
| background: url(blank.gif); } | |
| /*----------------------------------------*\ | |
| $CUSTOM STYLING | |
| \*----------------------------------------*/ | |
| .pixslider { | |
| width: 100%; | |
| height: auto; | |
| overflow: hidden; | |
| margin: 0; | |
| -webkit-transform: translateZ(0); | |
| -moz-transform: translateZ(0); | |
| -ms-transform: translateZ(0); | |
| -o-transform: translateZ(0); | |
| transform: translateZ(0); } | |
| .pixslider img { | |
| width: 100%; | |
| height: auto; | |
| display: block; } | |
| .pixslider blockquote { | |
| margin-bottom: 72px; | |
| margin-bottom: 5.14286rem; } | |
| .pixslider__slide { | |
| width: 100%; } | |
| /*----------------------------------------*\ | |
| $ARROWS CUSTOM STYLING | |
| \*----------------------------------------*/ | |
| .rsArrow { | |
| display: block; | |
| color: white; | |
| position: absolute; | |
| top: 50%; } | |
| .rsArrow .rsArrowIcn { | |
| border-bottom: 2px solid #1a1717; | |
| width: 12px; | |
| width: 0.85714rem; | |
| height: 12px; | |
| height: 0.85714rem; } | |
| .rsArrowLeft { | |
| left: 0; } | |
| .rsArrowLeft .rsArrowIcn { | |
| border-left: 2px solid #1a1717; | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); } | |
| .rsArrowRight { | |
| right: 0; } | |
| .rsArrowRight .rsArrowIcn { | |
| border-right: 2px solid #1a1717; | |
| -webkit-transform: rotate(-45deg); | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| transform: rotate(-45deg); } | |
| .full-width-slider { | |
| width: 100%; } | |
| /*----------------------------------------*\ | |
| $BULLETS CUSTOM STYLING | |
| \*----------------------------------------*/ | |
| .rsBullets { | |
| margin-left: -6px; | |
| margin-left: -0.42857rem; } | |
| .rsBullet { | |
| display: inline-block; | |
| margin: 2px 6px; | |
| margin: 0.14286rem 0.42857rem; | |
| width: 6px; | |
| width: 0.42857rem; | |
| height: 6px; | |
| height: 0.42857rem; | |
| border-radius: 50%; | |
| text-indent: -999em; | |
| background-color: #cacaca; | |
| cursor: pointer; } | |
| .rsNavSelected { | |
| width: 8px; | |
| width: 0.57143rem; | |
| height: 8px; | |
| height: 0.57143rem; | |
| margin: 0 6px; | |
| margin: 0 0.42857rem; | |
| background-color: #fb4834; } | |
| /* Magnific Popup CSS */ | |
| .mfp-bg { | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1042; | |
| overflow: hidden; | |
| position: fixed; | |
| background: #0b0b0b; | |
| opacity: 0.8; | |
| filter: alpha(opacity=80); } | |
| .mfp-wrap { | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1043; | |
| position: fixed; | |
| outline: none !important; | |
| -webkit-backface-visibility: hidden; } | |
| .mfp-container { | |
| text-align: center; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| padding: 0 8px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| .mfp-container:before { | |
| content: ''; | |
| display: inline-block; | |
| height: 100%; | |
| vertical-align: middle; } | |
| .mfp-align-top .mfp-container:before { | |
| display: none; } | |
| .mfp-content { | |
| position: relative; | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin: 0 auto; | |
| text-align: left; | |
| z-index: 1045; } | |
| .mfp-inline-holder .mfp-content, | |
| .mfp-ajax-holder .mfp-content { | |
| width: 100%; | |
| cursor: auto; } | |
| .mfp-ajax-cur { | |
| cursor: progress; } | |
| .mfp-zoom-out-cur, | |
| .mfp-zoom-out-cur .mfp-image-holder .mfp-close { | |
| cursor: -moz-zoom-out; | |
| cursor: -webkit-zoom-out; | |
| cursor: zoom-out; } | |
| .mfp-zoom { | |
| cursor: pointer; | |
| cursor: -webkit-zoom-in; | |
| cursor: -moz-zoom-in; | |
| cursor: zoom-in; } | |
| .mfp-auto-cursor .mfp-content { | |
| cursor: auto; } | |
| .mfp-close, | |
| .mfp-arrow, | |
| .mfp-preloader, | |
| .mfp-counter { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| user-select: none; } | |
| .mfp-loading.mfp-figure { | |
| display: none; } | |
| .mfp-hide { | |
| display: none !important; } | |
| .mfp-preloader { | |
| color: #cccccc; | |
| position: absolute; | |
| top: 50%; | |
| width: auto; | |
| text-align: center; | |
| margin-top: -0.8em; | |
| left: 8px; | |
| right: 8px; | |
| z-index: 1044; } | |
| .mfp-preloader a { | |
| color: #cccccc; } | |
| .mfp-preloader a:hover { | |
| color: white; } | |
| .mfp-s-ready .mfp-preloader { | |
| display: none; } | |
| .mfp-s-error .mfp-content { | |
| display: none; } | |
| button.mfp-close, | |
| button.mfp-arrow { | |
| overflow: visible; | |
| cursor: pointer; | |
| background: transparent; | |
| border: 0; | |
| -webkit-appearance: none; | |
| display: block; | |
| padding: 0; | |
| z-index: 1046; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; } | |
| button::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; } | |
| .mfp-close { | |
| width: 44px; | |
| height: 44px; | |
| line-height: 44px; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| text-decoration: none; | |
| text-align: center; | |
| opacity: 0.65; | |
| padding: 0 0 18px 10px; | |
| color: white; | |
| outline: 0; | |
| font-style: normal; | |
| font-size: 28px; | |
| font-family: Arial, Baskerville, monospace; } | |
| .mfp-close:hover, .mfp-close:focus { | |
| opacity: 1; } | |
| .mfp-close:active { | |
| top: 1px; } | |
| .mfp-close-btn-in .mfp-close { | |
| color: #333333; } | |
| .mfp-image-holder .mfp-close, | |
| .mfp-iframe-holder .mfp-close { | |
| color: white; | |
| text-align: right; | |
| width: 100%; } | |
| .mfp-counter { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| color: #cccccc; | |
| font-size: 12px; | |
| line-height: 18px; } | |
| .mfp-iframe-holder { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } | |
| .mfp-iframe-holder .mfp-content { | |
| line-height: 0; | |
| width: 100%; | |
| max-width: 900px; } | |
| .mfp-iframe-scaler { | |
| width: 100%; | |
| height: 0; | |
| overflow: hidden; | |
| padding-top: 56.25%; } | |
| .mfp-iframe-scaler iframe { | |
| position: absolute; | |
| display: block; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |
| background: black; } | |
| .mfp-iframe-holder .mfp-close { | |
| top: -40px; } | |
| /* Main image in popup */ | |
| img.mfp-img { | |
| width: auto; | |
| max-width: 100%; | |
| height: auto; | |
| display: block; | |
| line-height: 0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 40px 0 40px; | |
| margin: 0 auto; } | |
| /* The shadow behind the image */ | |
| .mfp-figure:after { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 40px; | |
| bottom: 40px; | |
| display: block; | |
| right: 0; | |
| width: auto; | |
| height: auto; | |
| z-index: -1; | |
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |
| background: #444444; } | |
| .mfp-figure { | |
| line-height: 0; } | |
| .mfp-bottom-bar { | |
| margin-top: -36px; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| width: 100%; | |
| cursor: auto; } | |
| .mfp-title { | |
| margin-top: 19.2px; | |
| margin-top: 1.37143rem; | |
| text-align: left; | |
| font-size: 18px; | |
| font-size: 1.28571rem; | |
| line-height: 1.34333; | |
| color: #f3f3f3; | |
| word-wrap: break-word; | |
| font-family: "Josefin Slab", serif; } | |
| .mfp-figure small { | |
| color: #bdbdbd; | |
| display: block; | |
| font-size: 12px; | |
| line-height: 14px; } | |
| .mfp-image-holder .mfp-content { | |
| max-width: 100%; } | |
| .mfp-gallery .mfp-image-holder .mfp-figure { | |
| cursor: pointer; } | |
| @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { | |
| /** | |
| * Remove all paddings around the image on small screen | |
| */ | |
| .mfp-img-mobile .mfp-image-holder { | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .mfp-img-mobile img.mfp-img { | |
| padding: 0; } | |
| /* The shadow behind the image */ | |
| .mfp-img-mobile .mfp-figure:after { | |
| top: 0; | |
| bottom: 0; } | |
| .mfp-img-mobile .mfp-bottom-bar { | |
| background: rgba(0, 0, 0, 0.6); | |
| bottom: 0; | |
| margin: 0; | |
| top: auto; | |
| padding: 3px 5px; | |
| position: fixed; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| .mfp-img-mobile .mfp-bottom-bar:empty { | |
| padding: 0; } | |
| .mfp-img-mobile .mfp-counter { | |
| right: 5px; | |
| top: 3px; } | |
| .mfp-img-mobile .mfp-close { | |
| top: 0; | |
| right: 0; | |
| width: 35px; | |
| height: 35px; | |
| line-height: 35px; | |
| background: rgba(0, 0, 0, 0.6); | |
| position: fixed; | |
| text-align: center; | |
| padding: 0; } | |
| .mfp-img-mobile .mfp-figure small { | |
| display: inline; | |
| margin-left: 5px; } } | |
| @media all and (max-width: 900px) { | |
| .mfp-arrow { | |
| -webkit-transform: scale(0.75); | |
| transform: scale(0.75); } | |
| .mfp-arrow-left { | |
| -webkit-transform-origin: 0; | |
| transform-origin: 0; } | |
| .mfp-arrow-right { | |
| -webkit-transform-origin: 100%; | |
| transform-origin: 100%; } | |
| .mfp-container { | |
| padding-left: 6px; | |
| padding-right: 6px; } } | |
| .mfp-ie7 .mfp-img { | |
| padding: 0; } | |
| .mfp-ie7 .mfp-bottom-bar { | |
| width: 600px; | |
| left: 50%; | |
| margin-left: -300px; | |
| margin-top: 5px; | |
| padding-bottom: 5px; } | |
| .mfp-ie7 .mfp-container { | |
| padding: 0; } | |
| .mfp-ie7 .mfp-content { | |
| padding-top: 44px; } | |
| .mfp-ie7 .mfp-close { | |
| top: 0; | |
| right: 0; | |
| padding-top: 0; } | |
| /*----------------------------------------*\ | |
| $ANIMATIONS / $TRANSITIONS | |
| \*----------------------------------------*/ | |
| .mfp-zoom-in { | |
| /* start state */ | |
| /* animate in */ | |
| /* animate out */ } | |
| .mfp-zoom-in .mfp-with-anim { | |
| opacity: 0; | |
| transition: all 0.2s ease-in-out; | |
| transform: scale(0.8); } | |
| .mfp-zoom-in.mfp-bg { | |
| opacity: 0; | |
| transition: all 0.3s ease-out; } | |
| .mfp-zoom-in.mfp-ready .mfp-with-anim { | |
| opacity: 1; | |
| transform: scale(1); } | |
| .mfp-zoom-in.mfp-ready.mfp-bg { | |
| opacity: 0.8; } | |
| .mfp-zoom-in.mfp-removing .mfp-with-anim { | |
| transform: scale(0.8); | |
| opacity: 0; } | |
| .mfp-zoom-in.mfp-removing.mfp-bg { | |
| opacity: 0; } | |
| /* overlay at start */ | |
| .mfp-fade.mfp-bg { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-perspective: 1000px; | |
| -moz-perspective: 1000px; | |
| -ms-perspective: 1000px; | |
| -o-perspective: 1000px; | |
| perspective: 1000px; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; } | |
| /* overlay animate in */ | |
| .mfp-fade.mfp-bg.mfp-ready { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | |
| opacity: 0.8; } | |
| /* overlay animate out */ | |
| .mfp-fade.mfp-bg.mfp-removing { | |
| -webkit-transition: all 0.2s 0.1s; | |
| -webkit-transition-delay: ease-in-out; | |
| -moz-transition: all 0.2s 0.1s ease-in-out; | |
| -o-transition: all 0.2s 0.1s ease-in-out; | |
| transition: all 0.2s 0.1s ease-in-out; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0; } | |
| /* content at start */ | |
| .mfp-fade.mfp-wrap .mfp-content { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-perspective: 1000px; | |
| -moz-perspective: 1000px; | |
| -ms-perspective: 1000px; | |
| -o-perspective: 1000px; | |
| perspective: 1000px; | |
| -webkit-transform: scale(0.75, 0.75); | |
| -moz-transform: scale(0.75, 0.75); | |
| -ms-transform: scale(0.75, 0.75); | |
| -o-transform: scale(0.75, 0.75); | |
| transform: scale(0.75, 0.75); | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0; | |
| -webkit-transition: all 0.2s 0.1s; | |
| -webkit-transition-delay: ease-in-out; | |
| -moz-transition: all 0.2s 0.1s ease-in-out; | |
| -o-transition: all 0.2s 0.1s ease-in-out; | |
| transition: all 0.2s 0.1s ease-in-out; } | |
| /* content animate it */ | |
| .mfp-fade.mfp-wrap.mfp-ready .mfp-content { | |
| -webkit-transform: scale(1, 1); | |
| -moz-transform: scale(1, 1); | |
| -ms-transform: scale(1, 1); | |
| -o-transform: scale(1, 1); | |
| transform: scale(1, 1); | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | |
| opacity: 1; } | |
| /* content animate out */ | |
| .mfp-fade.mfp-wrap.mfp-removing .mfp-content { | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| -webkit-transform: scale(0.75, 0.75); | |
| -moz-transform: scale(0.75, 0.75); | |
| -ms-transform: scale(0.75, 0.75); | |
| -o-transform: scale(0.75, 0.75); | |
| transform: scale(0.75, 0.75); | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0; } | |
| /*--------------------------------------------*\ | |
| $EASINGS SHORTHANDS | |
| \*--------------------------------------------*/ | |
| /*-------------------------------*\ | |
| $BADGE | |
| \*-------------------------------*/ | |
| .badge { | |
| width: 2.5em; | |
| padding: .15em 0; | |
| font-family: "Arvo", serif; | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; | |
| position: relative; | |
| text-align: center; | |
| background-color: #fb4834; | |
| color: white; } | |
| .badge:after { | |
| content: ""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| position: absolute; | |
| right: 0; | |
| top: 100%; | |
| border: 0 solid transparent; | |
| border-width: 6px 12px; | |
| border-width: 0.42857rem 0.85714rem; | |
| border-left: 0; | |
| border-top-color: #1a1717; } | |
| .badge__text { | |
| display: block; | |
| text-transform: uppercase; | |
| font-size: 10px; | |
| font-size: 0.71429rem; | |
| margin-top: -.2em; | |
| margin-bottom: .4em; } | |
| .badge--article { | |
| position: absolute; | |
| top: 12px; | |
| top: 0.85714rem; | |
| right: -12px; | |
| right: -0.85714rem; | |
| font-size: 24px; | |
| font-size: 1.71429rem; | |
| z-index: 30; } | |
| .badge--article--list { | |
| width: 2em; | |
| padding: 4px 0; | |
| padding: 0.28571rem 0; | |
| font-size: 16px; | |
| font-size: 1.14286rem; } | |
| .badge--review { | |
| display: inline-block; | |
| margin-right: -36px; | |
| margin-right: -2.57143rem; } | |
| /*------------------------------------*\ | |
| $PRELOADER | |
| \*------------------------------------*/ | |
| @-webkit-keyframes clockwise { | |
| to { | |
| -webkit-transform: rotate(360deg) translatez(0); } } | |
| @keyframes clockwise { | |
| to { | |
| -webkit-transform: rotate(360deg) translatez(0); | |
| -moz-transform: rotate(360deg) translatez(0); | |
| -ms-transform: rotate(360deg) translatez(0); | |
| -o-transform: rotate(360deg) translatez(0); | |
| transform: rotate(360deg) translatez(0); } } | |
| .preloader, .image-wrap:after, .billboard:before { | |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABKZJREFUeNrUmktoXFUYx3/3zkynsWnsVGME26oRsVZFqgYFH/hY6MKUCrrxUSnFpeBCdKELiQjizo0LUVyICIK6Fd9UURSfraWtVUx9pY2tjSakmU7nXhf3f/Dryb3TmcxM5s4fDhMyyb3nd8/3Ot+5QRzHdEjrgJuBa4BLgPOBYWAQGAACDafY+2xLxTb/fz1wP3APcJl+F6QMK/+7WKPeDtRSQa4AHgO2AgUzoWAJ1wr1fyUgAmr67CrIMPA0cK+ZQCdV0JzqQLWVFWoFZCvwPLAmw7ZPAF8CO4HdwI/AIWDO/H1sTCrMMEO3OiVgQSt0WgVNOPsK4BlgR8oNQ2AX8BLwNnCsjVUoZACeAObbBVkFvALcmnKTH4AJ4N0ORZ4CUDZA9mGdBGYb3acRyADwJjCW8oQmgBd1g05rhReu3agD/2TBZIGUgNeBG72LTQLb5QPdVEH5x1+dWhZMmHGhCeB646Ax8A1w+zJAoKf/rz4tSBlYnRXDfW0BtmnykcZXwF3AUZZPsWBOap5urJLpNTStEeBDYMg8hYPA+DJD+A/7LEU2Ww0c1oqlrsgTsk1nTgvAQz2EQBYx45U3BZPPFoFcDtzp+cWzwB56r5rCr/WXQUW4RSAPexl4j3JIXjQnU7K5rOKDnAfc4jn4c13KE+1oxiRJ5/glC7LF2GOsrP0x+dNxmVlogIYsyLgxqQh4tVMbni5o1iuXVjuQc4ELDUQVeIf8as6rw8pAKQSuNX4RAd+JOq9yD/uUJBlqixob//ic/Ou45ycDRWCD2VoGwL4+AKka/w6AlUWF3sik/sk+A8GBVEzEosflSCvVsQUpFFVJ2q7FfB+ClIpLab3kRBYkDhWXbfg9ow8gCl74jUPgb6/GWtsHICUPpB4Cv5kcEpG0QfOuAQMRALVQO0BrWhf1AcigtyILoRKgBdncByAVD2Q+BL72QDaqzs+ritrmWpCZEJhWNncgBeCmHIOcIxgHUXWmBfCe5/DjOQbZ4Dn6tE0q73vmNQpclUOIsz2zCoApC3IY+MyD2S4zy4sC4FLPN46qpD8lzb+mGsaBXKD2UF40muLkP6fVKwfUcLB9rfu0De61zgQ2ea2gKZKW6iIQgJe1zXWrUgIedZ2KHqkMXKe5uB1hHdibVUGiuusFz1dGgMd1wV7kjBv4vxftTGo3STs3EwTgE3VRYq9seVKlwXKuxG0kB7DWLyaB3xvV9L6J7fKaEqPAU4rj3dZa4A6FW9tk+Av4PjWkNTh6K5N05y/2kmUVeAP4oAubslAh9mpNPjL3ngY+whwlNAsCsBJ4hKRTH3nmdhB4i6S92qmMPaaCMPIg/iA59s7sRTdzPF0EHiB5z8SHcUA7gW+XsN8va8U3kRzmRCkQ+0jO7xuuftDCSzVjwINapTjlpjUlqAPAnzKFWZJTYLerG5T9D5O8hDOi76KUUQU+BX5pKu23+HbQEHA3SZs1zphA/TQ/Z31vx37gC1d+dAPEab2iypVNAjUDUAd+0v7oSMuFWJvva1W0OptlLlGDkfX0jyhL76WN5nnQwRfPKkqc6+S4a+RPrne2oNbTMVWtU8Cvtl5qR/8NAAPspXCpQqeMAAAAAElFTkSuQmCC"); | |
| background-position: 50%; | |
| background-size: cover; | |
| width: 50px; | |
| height: 50px; | |
| border-radius: 100%; | |
| -webkit-animation: clockwise 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite; | |
| animation: clockwise 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite; } | |
| .preloader-dark, .billboard:before { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAADheaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTMtMTEtMDdUMDk6Mjg6NDcrMDI6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxMy0xMS0wN1QwOToyOTo0MCswMjowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTMtMTEtMDdUMDk6Mjk6NDArMDI6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6SUNDUHJvZmlsZT5zUkdCIElFQzYxOTY2LTIuMTwvcGhvdG9zaG9wOklDQ1Byb2ZpbGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZGRjYTVhNGUtZjQwOS1hYjQwLWE0MGItMWE1NDIxZjc2ZmYzPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOmRkY2E1YTRlLWY0MDktYWI0MC1hNDBiLTFhNTQyMWY3NmZmMzwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOmRkY2E1YTRlLWY0MDktYWI0MC1hNDBiLTFhNTQyMWY3NmZmMzwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpkZGNhNWE0ZS1mNDA5LWFiNDAtYTQwYi0xYTU0MjFmNzZmZjM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTMtMTEtMDdUMDk6Mjg6NDcrMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NTA8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+NTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pia0yX0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABHpJREFUeNrUmsuPFFUUxn91u3q625mxNQ4IKg8F1EB4RBPUaGJ87Vxpwkplx9YVG9e6dEH4I3Rh3GtIWLoimIgihgyOMuqg4jAPhulHlYs6F06fVPf0o7qn6iSdzFSnb92vvvOd162A7GwOOAocBJ4EdgJ1oAq8DwRdfhdncfMwg82/AbwG7FXXA/WxlvZdDESjgBoWyH7gPeAVwKnNBEOsFcgaJVmjNQygQYHUgQ+A13s88VHMARVhpzkIoEE28jJwBpg2IPzfLeAX4EfgV2ARWAY25Dt7T6fYIGVNBEwrKyAh8BHwTsrmA9n0t8B3wNqQLJQUMKuhFrA5KpAq8DFwXN3U/24B+BK4nFHkcUDZAPLX28JsPAyQKeAT4JBhogV8AXwjN8jaQtGJdbcIuNsNTNBjsbPAEbPgEnBO3Gmc5oBain5a3cCUuiz0IXDSgJ0HPgVuMX7zYThUrobSUjMNubWXgDdVkoqA68BnwCqTs1iefltFNye6ndoKyCPAaZNll4DPgXtM3mLlSlqnM3bvFsgpQewXaQDnJ8xEGph1oxUn+SwVyD7RRazY+Ar4je03L3LNSk1XJhrIu+YpLAAXyI/dE5fX4p+xQB4Djpkq9Osx5YlRbM0UmlXPilORCuVWC8AP5M8a8nB19q9pIFobMXAxq4ZnDLZhhH8fyKPA44qRJnCJ/NqGKSzLQOiAZ03ym1eo82j+YeskWXESdnXI/Zn8W8OE4koI7BAm/MWbBQDSNAVl2UnojRVttwoCRJf4U6EkFe1aqwUAEplkHodSSepQu1kQILqXKoVKH0WzDkac1DA6GVYKAkLnktiJJjSQmQIAKRkgkQP+USAiCcd5t4pKhgHQchJuNSO7CgCkahhphpIAI5VHnikAEN3qxsCmk8GCZmSPanfzqo9pw8i6A+7IgME3VE7Ns/JodSP2JtDw9HxvBH8yx0B2qMo3ECJIA+IFfyCHIB5W+vCM3NZAloGrqieJgbdJH+BtlwWiXz0SWpGSvmNk+i/wgooEM9JgLeYEyG6Soz5UnXVDNNIBZFVK+p0KzB6JauvbDGKa5JBVF4q3dcthh9g3gRPquiM5L/yJlMHxhKwMHKZz3tuWB9zuBqQhUeB5Jfwq8JTS0KRzxhHVM3l9zNu+Ke1Y4W+hcpcpJPeRnBG2JsjEMYlUWhd/pem22/nIDZJD/7oBc1Dc7+6YQcwKCFuJL8vDpF8gMXBNxD5r3OywuODSmELsXpI3KGxftAJcocvgsLRFO3mNZHinmfE3e1r89E6GGfs48IRvlkyEutJLo6UtFm8LmJqEZT2kqJEM9/bLtVUGH3qXhfWjUnVPKY/wtthPoBnkhYFDwFtqWBGZ+qwN/An8IU9wmc6XBUJxzVkR8BzJCRld1mtK2F/q1ycHsYeAV4UJ1M3tJqIef6d9F5vri+IJjUHENYzNAS+KTuI+wMR9gIiE0esi7IGjxKid2nPi3/UeDPViYAX4XT4bo4S7LNvP3VKvzcr/ZR68vtSQ0dOabP4/Sb6Z5KT/BwDA/GUc6sNdzwAAAABJRU5ErkJggg==); } | |
| .document-ready .preloader, .document-ready .image-wrap:after, .document-ready .billboard:before { | |
| display: none; } | |
| /*-------------------------------------*\ | |
| PROGRESSBAR | |
| \*-------------------------------------*/ | |
| .progressbar { | |
| height: 12px; | |
| height: 0.85714rem; | |
| background-color: #1a1717; | |
| position: relative; } | |
| .progressbar:after { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| width: 0; | |
| height: 0; | |
| bottom: 0; | |
| right: -1px; | |
| border: 0 solid transparent; | |
| border-width: 3px 6px; | |
| border-width: 0.21429rem 0.42857rem; | |
| border-bottom-color: white; | |
| border-right-color: white; } | |
| .progressbar__progress { | |
| float: left; | |
| height: 12px; | |
| height: 0.85714rem; | |
| background-color: #fb4834; } | |
| .btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a { | |
| background-color: #262525; | |
| color: #a6a1a1; | |
| text-transform: uppercase; | |
| letter-spacing: .0625em; | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.176; | |
| padding: 0 1.5em; | |
| -webkit-transition: all 0.15s; | |
| -moz-transition: all 0.15s; | |
| -o-transition: all 0.15s; | |
| transition: all 0.15s; } | |
| .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover { | |
| background-color: #fb4834; | |
| color: white; } | |
| .btn.btn--beta, .btn--beta.comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a.btn--beta { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.51; } | |
| .btn.btn--alpha, .btn--alpha.comments_add-comment, .form-submit .btn--alpha#comment-submit, .widget_tag_cloud a.btn--alpha { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 3.01; } | |
| .btn--primary, .comments_add-comment, .form-submit #comment-submit { | |
| background-color: #fb4834; | |
| color: white; } | |
| .btn--primary:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover { | |
| background: #1a1717; } | |
| .btn--secondary, .btn--tertiary { | |
| color: white; } | |
| .btn--tertiary { | |
| background-color: #807f7e; } | |
| .btn--small, .comments_add-comment { | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 1.64636; | |
| padding: 0 .75em; } | |
| .btn--small.btn--beta, .btn--beta.comments_add-comment, .form-submit .comments_add-comment#comment-submit, .form-submit .btn--small#comment-submit { | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 2.19182; } | |
| .btn--small.btn--alpha, .btn--alpha.comments_add-comment { | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 2.73727; } | |
| .btn--large { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 2.26; | |
| padding: 0 2em; } | |
| .btn--large.btn--beta, .form-submit .btn--large#comment-submit { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 2.635; } | |
| .btn--large.btn--alpha { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 3.01; } | |
| .btn--huge { | |
| padding: 0 2.5em; | |
| font-size: 20px; | |
| font-size: 1.42857rem; | |
| line-height: 2.41; } | |
| .btn--huge.btn--beta, .form-submit .btn--huge#comment-submit { | |
| font-size: 20px; | |
| font-size: 1.42857rem; | |
| line-height: 3.01; } | |
| .btn--huge.btn--alpha { | |
| font-size: 20px; | |
| font-size: 1.42857rem; | |
| line-height: 3.61; } | |
| .btn-list, .widget_tag_cloud .wp-tag-cloud { | |
| padding: 0; | |
| margin: 0 0 0 -2px; | |
| list-style: none; } | |
| .btn-list > .btn, .widget_tag_cloud .wp-tag-cloud > .btn, .btn-list > .comments_add-comment, .widget_tag_cloud .wp-tag-cloud > .comments_add-comment, .form-submit .btn-list > #comment-submit, .widget_tag_cloud .form-submit .wp-tag-cloud > #comment-submit, .form-submit .widget_tag_cloud .wp-tag-cloud > #comment-submit, .widget_tag_cloud .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a, .btn-list > li, .widget_tag_cloud .wp-tag-cloud > li, .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a { | |
| float: left; | |
| margin-left: 2px; | |
| margin-bottom: 2px; } | |
| /*------------------------------------*\ | |
| FORMS | |
| \*------------------------------------*/ | |
| /** | |
| * Common form controls | |
| * | |
| * Shared size and type resets for form controls. Apply `.form-control` to any | |
| * of the following form controls: | |
| */ | |
| select, | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .form-control { | |
| display: block; | |
| vertical-align: middle; | |
| width: 100%; | |
| padding: 12px; | |
| padding: 0.85714rem; | |
| border: 1px solid #e5e9eb; | |
| outline: 0; } | |
| select:focus, | |
| textarea:focus, | |
| input[type="text"]:focus, | |
| input[type="password"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="time"]:focus, | |
| input[type="week"]:focus, | |
| input[type="number"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="search"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="color"]:focus, | |
| .form-control:focus { | |
| outline: 1px solid #fb4834; } | |
| .lt-ie9 select input, .lt-ie9 | |
| textarea input, .lt-ie9 | |
| input[type="text"] input, .lt-ie9 | |
| input[type="password"] input, .lt-ie9 | |
| input[type="datetime"] input, .lt-ie9 | |
| input[type="datetime-local"] input, .lt-ie9 | |
| input[type="date"] input, .lt-ie9 | |
| input[type="month"] input, .lt-ie9 | |
| input[type="time"] input, .lt-ie9 | |
| input[type="week"] input, .lt-ie9 | |
| input[type="number"] input, .lt-ie9 | |
| input[type="email"] input, .lt-ie9 | |
| input[type="url"] input, .lt-ie9 | |
| input[type="search"] input, .lt-ie9 | |
| input[type="tel"] input, .lt-ie9 | |
| input[type="color"] input, .lt-ie9 | |
| .form-control input { | |
| width: 100%; | |
| padding: 12px 0; | |
| border: 1px solid #e5e9eb; | |
| outline: 0; } | |
| /** | |
| * Checkboxes and radios | |
| * | |
| * Indent the labels to position radios/checkboxes as hanging controls. | |
| */ | |
| .radio, | |
| .checkbox { | |
| display: block; | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| padding-left: 12px; | |
| vertical-align: middle; } | |
| .radio label, | |
| .checkbox label { | |
| display: inline; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| cursor: pointer; } | |
| .radio input[type="radio"], | |
| .radio-inline input[type="radio"], | |
| .checkbox input[type="checkbox"], | |
| .checkbox-inline input[type="checkbox"] { | |
| float: left; | |
| margin-left: 12px; } | |
| .radio + .radio, | |
| .checkbox + .checkbox { | |
| margin-top: -6px; } | |
| .radio-inline, | |
| .checkbox-inline { | |
| display: inline-block; | |
| padding-left: 12px; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| font-weight: normal; | |
| cursor: pointer; } | |
| .radio-inline + .radio-inline, | |
| .checkbox-inline + .checkbox-inline { | |
| margin-top: 0; | |
| margin-left: 6px; } | |
| /** | |
| * Inline forms | |
| * | |
| * Make forms appear inline(-block) by adding the `.form-inline` class. Inline | |
| * forms begin stacked on extra small (mobile) devices and then go inline when | |
| * viewports reach <768px. | |
| * | |
| * Requires wrapping inputs and labels with `.form-group` for proper display of | |
| * default HTML form controls and our custom form controls (e.g., input groups). | |
| */ | |
| @media (min-width: 768px) { | |
| .form-inline .form-group { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| vertical-align: middle; } | |
| .form-inline .form-control { | |
| display: inline-block; } | |
| .form-inline .radio, | |
| .form-inline .checkbox { | |
| display: inline-block; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| padding-left: 0; } | |
| .form-inline .radio input[type="radio"], | |
| .form-inline .checkbox input[type="checkbox"] { | |
| float: none; | |
| margin-left: 0; } } | |
| /** | |
| * Input groups | |
| */ | |
| .input-group { | |
| position: relative; | |
| display: table; | |
| border-collapse: separate; } | |
| .input-group.col { | |
| float: none; | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .input-group .form-control { | |
| width: 100%; | |
| margin-bottom: 0; } | |
| .input-group-addon, | |
| .input-group-btn, | |
| .input-group .form-control { | |
| display: table-cell; } | |
| .input-group-addon:not(:first-child):not(:last-child), | |
| .input-group-btn:not(:first-child):not(:last-child), | |
| .input-group .form-control:not(:first-child):not(:last-child) { | |
| border-radius: 0; } | |
| .input-group-addon, | |
| .input-group-btn { | |
| width: 1%; | |
| white-space: nowrap; | |
| vertical-align: middle; } | |
| /*------------------------------------*\ | |
| DARK STATE (Footer) | |
| \*------------------------------------*/ | |
| .site__footer input, .site__footer select, .site__footer textarea { | |
| background: #262525; | |
| border: none; | |
| color: white; } | |
| .site__footer input:focus, .site__footer select:focus, .site__footer textarea:focus { | |
| outline: 0; } | |
| .site__footer .form-group .btn, .site__footer .form-group .comments_add-comment, .site__footer .form-group .form-submit #comment-submit, .form-submit .site__footer .form-group #comment-submit, .site__footer .form-group .widget_tag_cloud a, .widget_tag_cloud .site__footer .form-group a { | |
| line-height: 1; | |
| height: 42px; | |
| padding: 0 1em; } | |
| .site__footer .form-group .btn i, .site__footer .form-group .comments_add-comment i, .site__footer .form-group .form-submit #comment-submit i, .form-submit .site__footer .form-group #comment-submit i, .site__footer .form-group .widget_tag_cloud a i, .widget_tag_cloud .site__footer .form-group a i { | |
| color: #807f7e; } | |
| /*------------------------------------*\ | |
| GENERAL STUFF | |
| \*------------------------------------*/ | |
| html { | |
| color: #4c4a4a; } | |
| .show-on-ie8 { | |
| display: none; } | |
| .lt-ie9 .show-on-ie8 { | |
| display: block; } | |
| .container { | |
| max-width: 1096px; | |
| margin: 0 auto; } | |
| @media only screen and (min-width: 900px) { | |
| .sidebar { | |
| padding-left: 48px; | |
| padding-left: 3.42857rem; } } | |
| .small-link, .post-nav-link__label, .author__social-link { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| text-transform: uppercase; | |
| font-family: "Open Sans", sans-serif; | |
| color: #fb4834; } | |
| .grid--thin { | |
| margin-left: -5px; | |
| margin-left: -0.35714rem; } | |
| .grid--thin > .grid__item, .grid--thin > .featured-area__article, .grid--thin > .featured-area__aside, .grid--thin > .logged-in-as, .grid--thin > .comment-form-author, | |
| .grid--thin > .comment-form-email, | |
| .grid--thin > .comment-form-url, .grid--thin > .comment-form-comment, | |
| .grid--thin > .form-submit, | |
| .grid--thin > .comment-subscription-form { | |
| padding-left: 5px; | |
| padding-left: 0.35714rem; } | |
| /*========== $IMAGE WRAP ==========*/ | |
| .image-wrap { | |
| display: block; | |
| padding-top: 67%; | |
| background: #ccc; | |
| position: relative; | |
| overflow: hidden; } | |
| .image-wrap img, .image-wrap .wp-post-image { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: auto; | |
| z-index: 20; } | |
| .image-wrap .article__title, .image-wrap .article--list__title, .image-wrap .latest-comments__title { | |
| position: absolute; | |
| bottom: 0; | |
| width: 100%; | |
| z-index: 20; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); | |
| background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8)); | |
| background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8)); | |
| background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8)); | |
| background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8)); | |
| color: white; | |
| padding: 48px 24px 24px; | |
| padding: 3.42857rem 1.71429rem 1.71429rem; } | |
| .image-wrap .article__title .hN, .image-wrap .article--list__title .hN, .image-wrap .latest-comments__title .hN, .image-wrap .article__title .article__author-name, .image-wrap .article--list__title .article__author-name, .image-wrap .latest-comments__title .article__author-name, .image-wrap .article__title .comment__author-name, .image-wrap .article--list__title .comment__author-name, .image-wrap .latest-comments__title .comment__author-name, .image-wrap .article__title .score__average-wrapper, .image-wrap .article--list__title .score__average-wrapper, .image-wrap .latest-comments__title .score__average-wrapper, .image-wrap .article__title .score__label, .image-wrap .article--list__title .score__label, .image-wrap .latest-comments__title .score__label, .image-wrap .article__title .widget_calendar caption, .widget_calendar .image-wrap .article__title caption, .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .image-wrap .article--list__title caption, .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .image-wrap .latest-comments__title caption { | |
| width: 60%; | |
| font-size: 26px; | |
| font-size: 1.85714rem; | |
| line-height: 1.39462; } | |
| .image-wrap:after, .billboard:before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-left: -25px; | |
| margin-top: -25px; } | |
| /** | |
| * Magnific popup | |
| */ | |
| button.mfp-arrow { | |
| position: absolute; | |
| top: 50%; | |
| height: 55px; | |
| height: 3.92857rem; | |
| width: 55px; | |
| width: 3.92857rem; | |
| display: block; | |
| border-bottom: 2px solid white; | |
| outline: 0; } | |
| @media only screen and (max-width: 899px) { | |
| button.mfp-arrow { | |
| height: 25px; | |
| height: 1.78571rem; | |
| width: 25px; | |
| width: 1.78571rem; } } | |
| button.mfp-arrow-left { | |
| left: 35px; | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| border-left: 2px solid white; } | |
| button.mfp-arrow-right { | |
| right: 35px; | |
| -webkit-transform: rotate(-45deg); | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| border-right: 2px solid white; } | |
| .mfp-counter { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; | |
| width: 100%; | |
| left: 0; | |
| text-align: center; } | |
| /*------------------------------------*\ | |
| TYPOGRAPHY | |
| \*------------------------------------*/ | |
| /*============= LINKS ==============*/ | |
| a { | |
| text-decoration: none; | |
| color: #fb4834; } | |
| /*============ HEADINGS ============*/ | |
| h1, h2, h3, h4, h5, h6, hgroup { | |
| margin-top: 48px; | |
| margin-top: 3.42857rem; | |
| font-family: "Arvo", serif; | |
| font-weight: 500; } | |
| .article__title, .article--list__title, .latest-comments__title, .article__title .hN, .article--list__title .hN, .latest-comments__title .hN, .article__title .article__author-name, .article--list__title .article__author-name, .latest-comments__title .article__author-name, .article__title .comment__author-name, .article--list__title .comment__author-name, .latest-comments__title .comment__author-name, .article__title .score__average-wrapper, .article--list__title .score__average-wrapper, .latest-comments__title .score__average-wrapper, .article__title .score__label, .article--list__title .score__label, .latest-comments__title .score__label, .article__title .widget_calendar caption, .widget_calendar .article__title caption, .article--list__title .widget_calendar caption, .widget_calendar .article--list__title caption, .latest-comments__title .widget_calendar caption, .widget_calendar .latest-comments__title caption, .widget__title .hN, .widget__title .article__author-name, .widget__title .comment__author-name, .widget__title .score__average-wrapper, .widget__title .score__label, .widget__title .widget_calendar caption, .widget_calendar .widget__title caption, .heading .hN, .widget--sidebar__title .hN, .widget--footer__title .hN, .heading .article__author-name, .widget--sidebar__title .article__author-name, .widget--footer__title .article__author-name, .heading .comment__author-name, .widget--sidebar__title .comment__author-name, .widget--footer__title .comment__author-name, .heading .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading .score__label, .widget--sidebar__title .score__label, .widget--footer__title .score__label, .heading .widget_calendar caption, .widget_calendar .heading caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption, .widget--footer__title .widget_calendar caption, .widget_calendar .widget--footer__title caption { | |
| margin-top: 0; } | |
| h2, h3, h4, h5, h6 { | |
| text-transform: uppercase; } | |
| .hN, .article__author-name, .comment__author-name, .score__average-wrapper, .score__label, .widget_calendar caption { | |
| font-family: "Arvo", serif; | |
| font-weight: normal; | |
| text-transform: uppercase; } | |
| /*=========== BLOCKQUOTES ===========*/ | |
| blockquote { | |
| position: relative; | |
| padding-left: 96px; | |
| padding-left: 6.85714rem; | |
| padding-top: 24px; | |
| padding-top: 1.71429rem; | |
| font-size: 24px; | |
| font-size: 1.71429rem; | |
| line-height: 1.51; | |
| font-family: "Arvo", serif; | |
| font-style: italic; | |
| color: #fb4834; } | |
| blockquote:before { | |
| content: ""; | |
| width: 72px; | |
| width: 5.14286rem; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; } | |
| blockquote:after { | |
| content: open-quote; | |
| display: block; | |
| position: absolute; | |
| left: 12px; | |
| left: 0.85714rem; | |
| bottom: -12px; | |
| bottom: -0.85714rem; | |
| font-size: 120px; | |
| font-size: 8.57143rem; | |
| font-style: normal; | |
| line-height: 0; | |
| font-family: Arial, sans-serif; | |
| color: white; } | |
| /*============= TABLES =============*/ | |
| .table--bordered tr, table tr { | |
| border-top: 1px dotted #b2b2b2; } | |
| .site-footer .table--bordered tr, .site-footer table tr { | |
| border-top-color: #504747; } | |
| .table--bordered th, table th, | |
| .table--bordered td, | |
| table td { | |
| border: 0; } | |
| .table--bordered th:empty, table th:empty, | |
| .table--bordered td:empty, | |
| table td:empty { | |
| border: inherit; } | |
| .table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd) { | |
| background-color: #fbfbfb; | |
| /* Override this color in your theme stylesheet */ } | |
| .site-footer .table--striped tbody tr:nth-of-type(odd), .site-footer table tbody tr:nth-of-type(odd) { | |
| background-color: #282323; } | |
| /*============= LISTS ==============*/ | |
| dt { | |
| font-weight: bold; } | |
| dd + dt { | |
| margin-top: 24px; | |
| margin-top: 1.71429rem; } | |
| dd { | |
| margin-left: 0; } | |
| ol { | |
| border-left: 0 solid #fb4834; | |
| border-left-width: 5px; | |
| border-left-width: 0.35714rem; | |
| padding-left: 43px; | |
| padding-left: 3.07143rem; | |
| margin-left: 0; } | |
| ul ol, ol ol, dl ol { | |
| margin-left: 48px; | |
| margin-left: 3.42857rem; | |
| border-left: 0; | |
| padding-left: 0; } | |
| .pixcode--grid > .grid__item, .pixcode--grid > .featured-area__article, .pixcode--grid > .featured-area__aside, .pixcode--grid > .logged-in-as, .pixcode--grid > .comment-form-author, | |
| .pixcode--grid > .comment-form-email, | |
| .pixcode--grid > .comment-form-url, .pixcode--grid > .comment-form-comment, | |
| .pixcode--grid > .form-submit, | |
| .pixcode--grid > .comment-subscription-form { | |
| float: left; } | |
| /*-----------------------------------------*\ | |
| $ICON SHORTCODE | |
| \*-----------------------------------------*/ | |
| .pixcode--icon { | |
| display: inline-block; | |
| text-align: center; | |
| font-size: 21px; | |
| font-size: 1.5rem; | |
| color: #1a1717; } | |
| .pixcode--icon.square, .pixcode--icon.circle { | |
| display: inline-block; | |
| background-color: #1a1717; | |
| color: #807f7e; | |
| padding: 0; | |
| font-size: 18px; | |
| font-size: 1.28571rem; | |
| width: 2.66667em; | |
| height: 2.66667em; | |
| line-height: 2.66667em; } | |
| .pixcode--icon.square:hover, .pixcode--icon.circle:hover { | |
| background-color: #fb4834; | |
| color: white; } | |
| .site__footer .pixcode--icon.square, .site__footer .pixcode--icon.circle { | |
| background-color: #262525; } | |
| .pixcode--icon.circle { | |
| -webkit-border-radius: 999px; | |
| -moz-border-radius: 999px; | |
| -ms-border-radius: 999px; | |
| -o-border-radius: 999px; | |
| border-radius: 999px; } | |
| .pixcode--icon.small { | |
| font-size: 16px; | |
| font-size: 1.14286rem; } | |
| .pixcode--icon.small.circle, .pixcode--icon.small.square { | |
| width: 2.25em; | |
| height: 2.25em; | |
| line-height: 2.25em; } | |
| .pixcode--icon.medium { | |
| font-size: 21px; | |
| font-size: 1.5rem; } | |
| .pixcode--icon.medium.circle, .pixcode--icon.medium.square { | |
| width: 2.28571em; | |
| height: 2.28571em; | |
| line-height: 2.28571em; } | |
| .pixcode--icon.big { | |
| font-size: 36px; | |
| font-size: 2.57143rem; } | |
| .pixcode--icon.big.circle, .pixcode--icon.big.square { | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; } | |
| /*--------------------------------------------*\ | |
| ICON INSIDE A LINK | |
| \*--------------------------------------------*/ | |
| a > .pixcode--icon { | |
| -webkit-transition: all 0.15s; | |
| -moz-transition: all 0.15s; | |
| -o-transition: all 0.15s; | |
| transition: all 0.15s; } | |
| a:hover > .pixcode--icon { | |
| text-decoration: none; | |
| border: none; | |
| color: #fb4834; } | |
| a:hover > .pixcode--icon.circle, a:hover > .pixcode--icon.square { | |
| background-color: #fb4834; } | |
| /** | |
| * Separator Shortcode | |
| * <hr class="separator" /> | |
| */ | |
| /*========== $SEPARATORS ==========*/ | |
| .separator { | |
| border: 0; | |
| height: 0; | |
| background: none; } | |
| .separator--section, table, .pixcode--tabs, .article--grid__meta, .article--slider, .article--single__meta, .article--billboard-small, .widget--latest-comments, .wpgrade_popular_posts { | |
| padding-bottom: 24px; | |
| padding-bottom: 1.71429rem; | |
| margin-bottom: 19px; | |
| margin-bottom: 1.35714rem; | |
| border-bottom: 0 solid #1a1717; | |
| border-bottom-width: 5px; | |
| border-bottom-width: 0.35714rem; } | |
| .separator--subsection { | |
| width: 100%; | |
| height: 5px; | |
| height: 0.35714rem; | |
| margin-bottom: 19px; | |
| margin-bottom: 1.35714rem; | |
| margin-top: 24px; | |
| margin-top: 1.71429rem; } | |
| .divider--pointer { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| width: 9px; | |
| width: 0.64286rem; | |
| height: 10px; | |
| height: 0.71429rem; | |
| margin-left: 8px; | |
| margin-left: 0.57143rem; | |
| margin-top: -4px; | |
| margin-top: -0.28571rem; | |
| background-color: #fff; | |
| -webkit-transform: rotate(45deg) translateZ(0); | |
| -moz-transform: rotate(45deg) translateZ(0); | |
| -ms-transform: rotate(45deg) translateZ(0); | |
| -o-transform: rotate(45deg) translateZ(0); | |
| transform: rotate(45deg) translateZ(0); } | |
| .pixcode--tabs { | |
| padding-bottom: 0; } | |
| .tabs__nav, .popular-posts__time { | |
| color: white; | |
| background: #1a1717; | |
| text-transform: uppercase; | |
| font-family: "Arvo", serif; | |
| font-size: 13px; | |
| font-size: 0.92857rem; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .tabs__nav a, .popular-posts__time a { | |
| color: white; | |
| text-decoration: none; } | |
| .tabs__nav a.current, .popular-posts__time a.current, .tabs__nav a:hover, .popular-posts__time a:hover { | |
| color: #fb4834; } | |
| .tabs__content { | |
| position: relative; | |
| min-height: 1px; | |
| -webkit-transition: height 0.2s ease-in-out; | |
| -moz-transition: height 0.2s ease-in-out; | |
| -o-transition: height 0.2s ease-in-out; | |
| transition: height 0.2s ease-in-out; } | |
| .tabs__pane { | |
| width: 100%; | |
| position: absolute; | |
| -webkit-transition: opacity 0.2s ease-in-out; | |
| -moz-transition: opacity 0.2s ease-in-out; | |
| -o-transition: opacity 0.2s ease-in-out; | |
| transition: opacity 0.2s ease-in-out; | |
| -webkit-backface-visibility: hidden; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| z-index: 20; } | |
| .tabs__pane.hide { | |
| opacity: 0; | |
| z-index: 10; } | |
| /*--------------------------------*\ | |
| HEADER | |
| \*--------------------------------*/ | |
| @media only screen and (max-width: 899px) { | |
| .site-header { | |
| height: 72px; | |
| height: 5.14286rem; | |
| width: 50%; } | |
| .header--type2 .site-header { | |
| width: 100%; } | |
| .header--type2 .site-header > div { | |
| display: table-row; } | |
| .header--type2 .site-header .site-logo { | |
| width: 75%; | |
| margin: 18px 0; | |
| height: 36px; | |
| display: block; } | |
| .header--type2 .site-header .header-ad { | |
| float: left; | |
| width: 100%; | |
| margin-top: 6px; | |
| margin-bottom: 12px; } } | |
| @media only screen and (min-width: 900px) { | |
| .site-header { | |
| height: 144px; | |
| height: 10.28571rem; } } | |
| .header-ad-link { | |
| display: block; | |
| text-align: right; } | |
| /*----------------------------------------*\ | |
| $TITLE/LOGO | |
| \*----------------------------------------*/ | |
| .site-home-title { | |
| display: inline; } | |
| .site-logo { | |
| width: 100%; } | |
| .site-logo img { | |
| display: block; | |
| max-height: 100%; } | |
| /*----------------------------------------*\ | |
| $HEADER BAR(SIDEBAR) | |
| \*----------------------------------------*/ | |
| .header-bar > li { | |
| vertical-align: top; } | |
| .header-bar .form-search, .header-bar .search-query, | |
| .header-bar .search-submit, .header-bar .pixcode--icon { | |
| height: 50px; } | |
| .header-bar .form-search { | |
| width: 216px; | |
| width: 15.42857rem; | |
| background-color: #1a1717; } | |
| .header-bar .search-query { | |
| right: 50px; | |
| padding: 6px 0 6px 12px; | |
| padding: 0.42857rem 0 0.42857rem 0.85714rem; | |
| border: 0; | |
| color: white; | |
| background: #1a1717; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| letter-spacing: 0.14286rem; } | |
| .header-bar .search-submit { | |
| width: 50px; | |
| vertical-align: top; | |
| background: #1a1717; | |
| font-size: 18px; | |
| font-size: 1.28571rem; | |
| line-height: 1.34333; | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .header-bar .pixcode--icon { | |
| width: 50px; | |
| font-size: 22px; | |
| line-height: 50px; } | |
| .header--type2 .social-icon-link, .header--type3 .social-icon-link { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; } | |
| .header-bar--top { | |
| margin: 0; } | |
| .header-bar--top .form-search, .header-bar--top .search-query, | |
| .header-bar--top .search-submit, .header-bar--top .pixcode--icon { | |
| height: 36px; } | |
| .header-bar--top .search-query { | |
| line-height: 1.2; | |
| padding-right: 0 !important; } | |
| .header-bar--top .search-submit { | |
| padding-top: 0; | |
| padding-bottom: 0; } | |
| .header-bar--top .search-submit i { | |
| font-size: 15px; | |
| font-size: 1.07143rem; | |
| line-height: 1.61; } | |
| .header-bar--top .pixcode--icon { | |
| width: 36px; | |
| font-size: 16px; | |
| line-height: 36px; } | |
| .site-navigation--top { | |
| margin-left: -24px; | |
| margin-left: -1.71429rem; } | |
| @media only screen and (min-width: 900px) { | |
| .header--type3 .site-logo img { | |
| margin: 0 auto; } } | |
| .nav-top-separator { | |
| margin: 0; | |
| display: none; } | |
| @media only screen and (min-width: 900px) { | |
| /*----------------------------------------*\ | |
| $NAV TOP INVERSE | |
| \*----------------------------------------*/ | |
| .nav-inverse-top .navigation--top { | |
| background: none; } | |
| .nav-inverse-top .navigation--top a { | |
| color: #888; } | |
| .nav-inverse-top .navigation--top .social-icon-link { | |
| background: none; } | |
| .nav-inverse-top .navigation--top .pixcode--icon { | |
| background: none; } | |
| .nav-inverse-top .nav--top li { | |
| background-color: white; } | |
| .nav-inverse-top .nav--top li a { | |
| border-top-color: #eee; | |
| color: #888; } | |
| .nav-inverse-top .nav--top li:hover > a { | |
| color: black; } | |
| .nav-inverse-top .nav--top .sub-menu, .nav-inverse-top .nav--top .sub-menu--mega { | |
| background: #ddd; } | |
| /*----------------------------------------*\ | |
| $NAV MAIN INVERSE | |
| \*----------------------------------------*/ | |
| .nav-inverse-main .navigation--main { | |
| background: white; } | |
| .nav-inverse-main .navigation--main a { | |
| color: #888; } | |
| .nav-inverse-main .nav--main { | |
| border-bottom: 5px solid #1a1717; | |
| border-bottom: 0.35714rem solid #1a1717; } | |
| .nav-inverse-main .nav--main li { | |
| background-color: white; } | |
| .nav-inverse-main .nav--main li a { | |
| border-top-color: #eee; | |
| color: #888; } | |
| .nav-inverse-main .nav--main li:hover > a { | |
| color: black; } | |
| .nav-inverse-main .nav--main li .article--billboard-small { | |
| background-color: white; | |
| border-bottom-color: #ccc; } | |
| .nav-inverse-main .nav--main > li { | |
| background-color: transparent; | |
| padding-bottom: 5px; | |
| padding-bottom: 0.35714rem; | |
| margin-bottom: -5px; | |
| margin-bottom: -0.35714rem; } | |
| .nav-inverse-main .nav--main > li:hover { | |
| background-color: transparent; } | |
| .nav-inverse-main .nav--main > li:hover > a { | |
| color: black; } | |
| .nav-inverse-main .nav--main .sub-menu, .nav-inverse-main .nav--main .sub-menu--mega { | |
| background-color: #ccc; | |
| padding-top: 0; | |
| margin-top: 0; } | |
| .nav-inverse-main .nav--main .sub-menu .sub-menu, .nav-inverse-main .nav--main .sub-menu--mega .sub-menu, .nav-inverse-main .nav--main .sub-menu .sub-menu--mega, .nav-inverse-main .nav--main .sub-menu--mega .sub-menu--mega { | |
| margin-top: -5px; | |
| margin-top: -0.35714rem; | |
| padding-top: 5px; | |
| padding-top: 0.35714rem; } | |
| .nav-inverse-main .nav--main .nav--sub-menu { | |
| margin-top: 5px; | |
| margin-top: 0.35714rem; | |
| padding-top: 5px; | |
| padding-top: 0.35714rem; | |
| border-bottom: 0; } | |
| .nav-inverse-main .nav--main .sub-menu--mega { | |
| margin-top: 5px; | |
| margin-top: 0.35714rem; | |
| padding-top: 5px; | |
| padding-top: 0.35714rem; | |
| border-bottom-color: rgba(255, 255, 255, 0.4); } | |
| .nav-inverse-main .sub-menu__grid__item { | |
| background-color: white; } | |
| .nav-inverse-main .site-header .form-search, .nav-inverse-main .site-header .social-icon-link { | |
| border: 1px solid #dedede; | |
| background: none; } | |
| .nav-inverse-main .site-header .search-query, .nav-inverse-main .site-header .search-submit { | |
| background: none; } | |
| .nav-inverse-main .site-header .search-query { | |
| color: #1a1717; } | |
| .nav-inverse-main .site-header .search-submit:hover { | |
| color: #1a1717; } | |
| .nav-inverse-main .site-header .pixcode--icon { | |
| height: 48px; | |
| width: 48px; | |
| background: none; } } | |
| @media only screen and (min-width: 900px) and (max-width: 899px) { | |
| .nav-inverse-main .nav--main li .article--billboard-small .hN, .nav-inverse-main .nav--main li .article--billboard-small .article__author-name, .nav-inverse-main .nav--main li .article--billboard-small .comment__author-name, .nav-inverse-main .nav--main li .article--billboard-small .score__average-wrapper, .nav-inverse-main .nav--main li .article--billboard-small .score__label, .nav-inverse-main .nav--main li .article--billboard-small .widget_calendar caption, .widget_calendar .nav-inverse-main .nav--main li .article--billboard-small caption { | |
| color: black; } } | |
| @media only screen and (min-width: 900px) and (min-width: 900px) { | |
| .nav-inverse-main .nav-top-separator { | |
| display: block; } } | |
| /*--------------------------------*\ | |
| FOOTER | |
| \*--------------------------------*/ | |
| .site__footer { | |
| background: #1a1717; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| color: #a6a1a1; } | |
| .site__footer a { | |
| color: #a6a1a1; } | |
| .site__footer a:hover { | |
| color: white; } | |
| .footer__sidebar { | |
| padding-top: 36px; | |
| padding-top: 2.57143rem; } | |
| .footer__copyright { | |
| background: black; | |
| padding: 12px 0; | |
| padding: 0.85714rem 0; } | |
| @media only screen and (max-width: 899px) { | |
| .footer__copyright div div > div { | |
| text-align: center; | |
| float: left; | |
| width: 100%; } } | |
| @media only screen and (min-width: 900px) { | |
| .footer__copyright .footer-menu { | |
| text-align: right; } } | |
| /*------------------------------------*\ | |
| NAVIGATION | |
| \*------------------------------------*/ | |
| .navigation--top { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| background-color: #050505; } | |
| .navigation--main { | |
| font-size: 13px; | |
| font-size: 0.92857rem; | |
| line-height: 1.85615; | |
| background-color: #262525; } | |
| /** | |
| * Top Bar Navigation - including Top Menu Left and Top Menu Right | |
| */ | |
| .navigation--top .nav, .navigation--top .rsBullets, .navigation--top .tabs__nav, .navigation--top .popular-posts__time, .navigation--top .sub-menu, .navigation--top .sub-menu--mega, .navigation--top .author__social-links, .navigation--top .commentlist { | |
| margin-bottom: 0; } | |
| .nav--top li { | |
| background-color: #262525; } | |
| .nav--top > li { | |
| background: none; | |
| position: relative; | |
| /*li*/ | |
| /*li*/ | |
| /*li*/ } | |
| .nav--top > li a { | |
| color: #807d7c; } | |
| .nav--top > li > a { | |
| text-transform: uppercase; } | |
| .nav--top > li + li > a { | |
| position: relative; } | |
| .nav--top > li + li > a:before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 6px; | |
| top: 0.42857rem; | |
| left: 0; | |
| height: 24px; | |
| height: 1.71429rem; | |
| border-left: 1px dotted #4c4a4a; } | |
| .nav--top > li .sub-menu, .nav--top > li .sub-menu--mega { | |
| width: 192px; | |
| width: 13.71429rem; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; } | |
| .nav--top li:hover > a { | |
| color: white; } | |
| .nav--top li:hover > .sub-menu, .nav--top li:hover > .sub-menu--mega { | |
| display: block; } | |
| .nav--top-left { | |
| margin-left: -12px; | |
| margin-left: -0.85714rem; } | |
| .nav--top-right { | |
| text-align: right; } | |
| .nav--top-right .sub-menu, .nav--top-right .sub-menu--mega { | |
| text-align: left; } | |
| /** | |
| * Main Bar Navigation | |
| */ | |
| .nav--main { | |
| position: relative; } | |
| .nav--main > li { | |
| border: 0 solid transparent; | |
| background-color: transparent; | |
| float: left; } | |
| .nav--main > li a { | |
| color: #a6a1a1; } | |
| .nav--main > li > a { | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; | |
| text-transform: uppercase; } | |
| .nav--main > li.current-menu-item { | |
| background-color: rgba(255, 255, 255, 0.05); } | |
| .nav__item--relative { | |
| position: relative; } | |
| /*----------------------------------------*\ | |
| $SUBMENUS | |
| \*----------------------------------------*/ | |
| /*ul*/ | |
| .sub-menu, .sub-menu--mega { | |
| padding-top: 0; | |
| border-bottom: 0; | |
| margin-bottom: 0; | |
| white-space: normal; | |
| top: 100%; | |
| left: 0; | |
| z-index: 300; | |
| padding: 5px; | |
| padding: 0.35714rem; } | |
| @media only screen and (max-width: 899px) { | |
| .sub-menu, .sub-menu--mega { | |
| padding-left: 24px; | |
| padding-left: 1.71429rem; } } | |
| @media only screen and (min-width: 900px) { | |
| .sub-menu, .sub-menu--mega { | |
| width: 210px; | |
| width: 15rem; | |
| background: black; | |
| background-clip: padding-box; | |
| position: absolute; | |
| display: none; } } | |
| .sub-menu > li, .sub-menu--mega > li { | |
| position: relative; } | |
| .sub-menu > li > a, .sub-menu--mega > li > a { | |
| padding: 6px 19px; | |
| padding: 6px 19px; } | |
| @media only screen and (min-width: 900px) { | |
| .sub-menu > li + li > a, .sub-menu--mega > li + li > a { | |
| border-top: 1px solid #333131; | |
| margin-top: -1px; } } | |
| .sub-menu > li.menu-item-has-children:hover > .sub-menu, .sub-menu--mega > li.menu-item-has-children:hover > .sub-menu, .sub-menu > li.menu-item-has-children:hover > .sub-menu--mega, .sub-menu--mega > li.menu-item-has-children:hover > .sub-menu--mega { | |
| display: block; | |
| opacity: 1; } | |
| .sub-menu .sub-menu, .sub-menu--mega .sub-menu, .sub-menu .sub-menu--mega, .sub-menu--mega .sub-menu--mega { | |
| top: 0; | |
| left: 100%; | |
| margin-top: -5px; | |
| margin-top: -0.35714rem; } | |
| .menu-item--parent > .nav--sub-menu { | |
| margin-top: 5px; } | |
| /* | |
| * $MegaMenus | |
| */ | |
| /*div*/ | |
| .sub-menu--mega { | |
| border: 0; | |
| border-bottom: 36px solid rgba(0, 0, 0, 0.3); | |
| border-bottom: 2.57143rem solid rgba(0, 0, 0, 0.3); | |
| width: 100%; } | |
| .sub-menu--mega .nav--sub-menu { | |
| width: 100%; | |
| min-height: 100%; | |
| left: 0; | |
| display: block; | |
| padding-left: 0; | |
| border-bottom: 5px solid #001a17; } | |
| .sub-menu--mega .rsOverflow { | |
| -webkit-transition: none !important; | |
| -moz-transition: none !important; | |
| -o-transition: none !important; | |
| transition: none !important; } | |
| .sub-menu__grid { | |
| height: 250px; } | |
| .sub-menu__grid__item { | |
| margin-bottom: -24px; | |
| margin-bottom: -1.71429rem; | |
| min-height: 48px; | |
| min-height: 3.42857rem; | |
| background-color: #262525; | |
| float: left; | |
| height: 280px; | |
| position: relative; | |
| background-clip: content-box; | |
| padding-left: 0 !important; | |
| border-left: 6px solid transparent; | |
| border-left: 0.42857rem solid transparent; } | |
| .sub-menu__grid__item .nav--sub-menu { | |
| background-color: #262525; | |
| border-bottom: 5px solid black; | |
| border-bottom: 0.35714rem solid black; | |
| padding-right: 0; | |
| padding-top: 0; | |
| margin-top: 0; } | |
| .sub-menu__grid__item .pixslider { | |
| position: relative; | |
| display: block; | |
| height: 280px; | |
| width: 412px; | |
| min-height: 72px; | |
| min-height: 5.14286rem; } | |
| .sub-menu__grid__item .featured-area__article { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| position: relative; | |
| height: 100%; | |
| width: 100%; | |
| display: block; } | |
| .sub-menu__grid__item .featured-area__article .image-wrap { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| padding: 0; } | |
| .sub-menu__grid__item .featured-area__article .image-wrap img { | |
| max-width: none; | |
| position: relative; } | |
| .sub-menu__grid__item .featured-area__article .image-wrap .article__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .article__title caption, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title caption, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title caption { | |
| width: 100%; | |
| font-size: 19px; | |
| font-size: 1.35714rem; | |
| line-height: 1.27316; | |
| line-height: 1.4; } | |
| /** | |
| * MegaMenu Hover Effects | |
| * And other stuff for bigger screens | |
| */ | |
| @media only screen and (min-width: 900px) { | |
| .nav--main li { | |
| -webkit-transition: all 0.15s linear; | |
| -moz-transition: all 0.15s linear; | |
| -o-transition: all 0.15s linear; | |
| transition: all 0.15s linear; } | |
| .nav--main li > .sub-menu, .nav--main li > .sub-menu--mega { | |
| display: inline-block; | |
| opacity: 0; | |
| -webkit-transition: all 0.15s ease-in; | |
| -moz-transition: all 0.15s ease-in; | |
| -o-transition: all 0.15s ease-in; | |
| transition: all 0.15s ease-in; | |
| -webkit-transform: translate3d(0, 0px, 0); | |
| -moz-transform: translate3d(0, 0px, 0); | |
| -ms-transform: translate3d(0, 0px, 0); | |
| -o-transform: translate3d(0, 0px, 0); | |
| transform: translate3d(0, 0px, 0); } | |
| .nav--main li:hover, .nav--main li.current-menu-item { | |
| border-bottom-color: #fb4834; | |
| background-color: rgba(255, 255, 255, 0.05); } | |
| .nav--main li:hover > a { | |
| color: white; } | |
| .nav--main li.hidden > .sub-menu, .nav--main li.hidden > .sub-menu--mega { | |
| display: none; } | |
| .nav--main > li { | |
| border-top-width: 5px; | |
| border-top-width: 0.35714rem; | |
| border-bottom-width: 5px; | |
| border-bottom-width: 0.35714rem; } | |
| .nav--main > li a { | |
| color: #a6a1a1; } | |
| .nav--main > li > a { | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; | |
| text-transform: uppercase; } | |
| .nav--main .article--billboard-small { | |
| background-color: #262525; | |
| width: auto; | |
| position: static; | |
| margin: 0; } | |
| .nav--main .article--billboard-small .article__thumb { | |
| -webkit-transform: translateY(0); | |
| -moz-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| -o-transform: translateY(0); | |
| transform: translateY(0); } | |
| .nav--main .article--billboard-small .article__title, .nav--main .article--billboard-small .article--list__title, .nav--main .article--billboard-small .latest-comments__title { | |
| color: white; } | |
| .nav--main .article--billboard-small .article__content { | |
| background: #1a1717; } | |
| .nav--main .article--billboard-small .article__description { | |
| color: white; } | |
| .nav--main .article--billboard-small:hover .article__thumb { | |
| -webkit-transform: translateY(0); | |
| -moz-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| -o-transform: translateY(0); | |
| transform: translateY(0); } } | |
| @media only screen and (min-width: 900px) and (min-width: 900px) { | |
| .nav--main li.open > .sub-menu, .nav--main li.open > .sub-menu--mega { | |
| opacity: 1; | |
| display: inline-block; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-transition: all 0.15s ease-out; | |
| -webkit-transition-delay: 0; | |
| -moz-transition: all 0.15s ease-out 0; | |
| -o-transition: all 0.15s ease-out 0; | |
| transition: all 0.15s ease-out 0; } } | |
| /*----------------------------------------*\ | |
| $MOBILE NAVIGATION | |
| \*----------------------------------------*/ | |
| .navigation--mobile { | |
| display: block; } | |
| @media only screen and (min-width: 900px) { | |
| .navigation--mobile, .site-navigation__trigger { | |
| display: none; } } | |
| @media only screen and (max-width: 899px) { | |
| .header { | |
| background: white; | |
| width: 100%; } | |
| .site-header { | |
| float: left; } | |
| #page { | |
| overflow: hidden; } | |
| .navigation--top, | |
| .navigation--main, | |
| .header-bar-container { | |
| display: none; } | |
| /* | |
| * Menu Styling | |
| */ | |
| .navigation--mobile { | |
| width: 75%; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| visibility: hidden; | |
| z-index: -1; | |
| overflow-y: scroll; | |
| padding-right: 24px; | |
| padding-right: 1.71429rem; | |
| padding-left: 12px; | |
| padding-left: 0.85714rem; | |
| height: 100%; | |
| background-color: #1a1717; | |
| -webkit-transition: visibility 0 linear; | |
| -webkit-transition-delay: 0.4s; | |
| -moz-transition: visibility 0 linear 0.4s; | |
| -o-transition: visibility 0 linear 0.4s; | |
| transition: visibility 0 linear 0.4s; } | |
| .navigation--mobile > ul > li:last-child { | |
| border-bottom: none; } | |
| .navigation--mobile > ul > li a { | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; } | |
| .navigation--mobile > ul > .menu-item { | |
| width: 100%; | |
| border-bottom: 1px solid black; } | |
| .navigation--mobile > ul > .menu-item a { | |
| display: block; | |
| color: white !important; } | |
| .navigation--mobile .menu-item a { | |
| padding-top: 12px; | |
| padding-top: 0.85714rem; | |
| padding-bottom: 12px; | |
| padding-bottom: 0.85714rem; } | |
| .admin-bar .navigation--mobile { | |
| top: 28px; } | |
| .separator--mobile-nav { | |
| height: 1px; | |
| background-color: #4c4a4a; | |
| margin: 48px 0; | |
| margin: 3.42857rem 0; } | |
| /* | |
| * Trigger Icon | |
| */ | |
| .site-navigation__trigger { | |
| display: block; | |
| width: 95px; | |
| width: 6.78571rem; | |
| height: 72px; | |
| height: 5.14286rem; | |
| padding: 12px 24px; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| z-index: 10; | |
| font-size: 42px; | |
| font-size: 3rem; | |
| line-height: 1.15286; | |
| text-align: center; | |
| cursor: pointer; | |
| color: #807f7d; | |
| -webkit-transition: color 0.4s ease-in-out; | |
| -moz-transition: color 0.4s ease-in-out; | |
| -o-transition: color 0.4s ease-in-out; | |
| transition: color 0.4s ease-in-out; } | |
| .site-navigation__trigger:active, .site-navigation__trigger:focus { | |
| -webkit-transition: color 0.4s ease-in-out; | |
| -moz-transition: color 0.4s ease-in-out; | |
| -o-transition: color 0.4s ease-in-out; | |
| transition: color 0.4s ease-in-out; } | |
| .site-navigation__trigger i { | |
| display: block; | |
| position: absolute; | |
| top: 14px; | |
| top: 1rem; | |
| left: 12px; | |
| left: 0.85714rem; | |
| overflow: hidden; } | |
| .site-navigation__trigger { | |
| -webkit-transition: all 0.4s; | |
| -moz-transition: all 0.4s; | |
| -o-transition: all 0.4s; | |
| transition: all 0.4s; | |
| cursor: pointer; | |
| user-select: none; | |
| opacity: .8; } | |
| .site-navigation__trigger .nav-icon { | |
| position: relative; | |
| top: 20px; | |
| display: block; | |
| width: 100%; | |
| height: 6px; | |
| background: #4c4a4a; | |
| border-radius: 2.5rem; | |
| -webkit-transition: all 0.4s; | |
| -moz-transition: all 0.4s; | |
| -o-transition: all 0.4s; | |
| transition: all 0.4s; } | |
| .site-navigation__trigger .nav-icon:after, .site-navigation__trigger .nav-icon:before { | |
| display: block; | |
| content: ""; | |
| height: 6px; | |
| width: 100%; | |
| background: #4c4a4a; | |
| position: absolute; | |
| z-index: -1; | |
| border-radius: 1rem; | |
| -webkit-transition: all 0.4s; | |
| -moz-transition: all 0.4s; | |
| -o-transition: all 0.4s; | |
| transition: all 0.4s; } | |
| .site-navigation__trigger .nav-icon:after { | |
| top: -12px; } | |
| .site-navigation__trigger .nav-icon:before { | |
| top: 12px; } | |
| /* | |
| * Content Preparation | |
| */ | |
| .wrapper { | |
| height: 100%; | |
| min-height: 350px; | |
| background-color: white; | |
| position: relative; | |
| z-index: 1; | |
| -webkit-transform: translateZ(0); | |
| -moz-transform: translateZ(0); | |
| -ms-transform: translateZ(0); | |
| -o-transform: translateZ(0); | |
| transform: translateZ(0); | |
| -webkit-transition: all 0.4s ease-in-out; | |
| -moz-transition: all 0.4s ease-in-out; | |
| -o-transition: all 0.4s ease-in-out; | |
| transition: all 0.4s ease-in-out; } | |
| /* | |
| * Showing Navigation (by moving .wrapper) | |
| */ | |
| .navigation--is-visible .wrapper { | |
| -webkit-transform: translateX(-75%); | |
| -moz-transform: translateX(-75%); | |
| -ms-transform: translateX(-75%); | |
| -o-transform: translateX(-75%); | |
| transform: translateX(-75%); } | |
| .navigation--is-visible .navigation--mobile { | |
| visibility: visible; | |
| z-index: 1; | |
| -webkit-transition: z-index 0 linear; | |
| -webkit-transition-delay: 0.4s; | |
| -moz-transition: z-index 0 linear 0.4s; | |
| -o-transition: z-index 0 linear 0.4s; | |
| transition: z-index 0 linear 0.4s; } | |
| .navigation--is-visible .nav-icon { | |
| background: transparent; | |
| top: 20px !important; } | |
| .navigation--is-visible .nav-icon:before { | |
| -webkit-transform: rotate(-45deg); | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| top: 0 !important; } | |
| .navigation--is-visible .nav-icon:after { | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| top: 0 !important; } } | |
| .lt-ie9 .sub-menu__grid { | |
| width: 1050px; | |
| background-color: #eee; } | |
| /*---------------------------------*\ | |
| ARTICLE | |
| \*---------------------------------*/ | |
| .article { | |
| position: relative; | |
| font-size: 14px; | |
| font-size: 1rem; } | |
| .article__title, .article--list__title, .latest-comments__title { | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| @media only screen and (max-width: 899px) { | |
| .article__title--single { | |
| font-size: 25px; | |
| font-size: 1.78571rem; | |
| line-height: 1.45; } } | |
| .article__title__meta { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .article__author-name, .comment__author-name { | |
| color: #fb4834; | |
| display: inline-block; | |
| font-style: normal; } | |
| .article__time, .comment__time { | |
| display: inline-block; | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; } | |
| .article__featured-image { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; | |
| position: relative; } | |
| .article__featured-image img { | |
| display: block; } | |
| .article__title, .article--list__title, .latest-comments__title { | |
| display: block; | |
| position: relative; } | |
| .article__title .hN, .article--list__title .hN, .latest-comments__title .hN, .article__title .article__author-name, .article--list__title .article__author-name, .latest-comments__title .article__author-name, .article__title .comment__author-name, .article--list__title .comment__author-name, .latest-comments__title .comment__author-name, .article__title .score__average-wrapper, .article--list__title .score__average-wrapper, .latest-comments__title .score__average-wrapper, .article__title .score__label, .article--list__title .score__label, .latest-comments__title .score__label, .article__title .widget_calendar caption, .widget_calendar .article__title caption, .article--list__title .widget_calendar caption, .widget_calendar .article--list__title caption, .latest-comments__title .widget_calendar caption, .widget_calendar .latest-comments__title caption { | |
| margin-bottom: 0; } | |
| .article__title--inverse, .article--grid__title, .article--list__link:hover .article--list__title, .article--slider__title, .latest-comments__title { | |
| color: white; | |
| background-color: #1a1717; } | |
| .article__title--full, .article--slider__title { | |
| margin-bottom: 0; } | |
| .article__title--full h3, .article--slider__title h3 { | |
| margin: 0; } | |
| .article__content { | |
| text-align: center; } | |
| .article__category a:hover { | |
| text-decoration: underline; } | |
| @media only screen and (max-width: 899px) { | |
| .container--single { | |
| padding-top: 4rem; } } | |
| .article__title, .article--list__title, .latest-comments__title { | |
| -ms-word-wrap: break-word; | |
| word-wrap: break-word; } | |
| /** | |
| * Article Grid | |
| * -- Blog Latest Posts, Posts Grid Cards | |
| */ | |
| .article--grid { | |
| width: 100%; | |
| padding-bottom: 0; | |
| margin-bottom: 31px; | |
| margin-bottom: 2.21429rem; } | |
| @media only screen and (min-width: 900px) { | |
| .article--grid__header:hover .article--grid__title h3 { | |
| background-color: #fb4834; } | |
| .article--grid__header:hover .article--grid__title:after { | |
| background-color: #fb4834; | |
| -webkit-transform: scaleX(1); | |
| -moz-transform: scaleX(1); | |
| -ms-transform: scaleX(1); | |
| -o-transform: scaleX(1); | |
| transform: scaleX(1); } } | |
| .article--grid__body { | |
| padding: 0 12px; | |
| padding: 0 0.85714rem; | |
| position: relative; | |
| z-index: 22; } | |
| .article--grid__body .article__content { | |
| padding: 0 12px; | |
| padding: 0 0.85714rem; } | |
| .article--grid__thumb { | |
| margin-bottom: 0; | |
| z-index: 21; | |
| -webkit-transition: all 0.25s; | |
| -moz-transition: all 0.25s; | |
| -o-transition: all 0.25s; | |
| transition: all 0.25s; } | |
| .article--grid__thumb:before { | |
| -webkit-transition: all 0.25s; | |
| -moz-transition: all 0.25s; | |
| -o-transition: all 0.25s; | |
| transition: all 0.25s; | |
| content: " "; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| z-index: 21; | |
| opacity: 1; | |
| border: 0px solid #fff; } | |
| .article--grid__title { | |
| background-color: transparent; | |
| z-index: 22; } | |
| .article--grid__title .hN, .article--grid__title .article__author-name, .article--grid__title .comment__author-name, .article--grid__title .score__average-wrapper, .article--grid__title .score__label, .article--grid__title .widget_calendar caption, .widget_calendar .article--grid__title caption { | |
| text-align: center; | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; | |
| margin: -24px 12px 12px; | |
| margin: -1.71429rem 0.85714rem 0.85714rem; | |
| -webkit-transition: background-color 0.15s; | |
| -moz-transition: background-color 0.15s; | |
| -o-transition: background-color 0.15s; | |
| transition: background-color 0.15s; } | |
| .article--grid__title:after { | |
| background-color: #1a1717; | |
| content: ""; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: -1; | |
| -webkit-transform: scaleX(0.89); | |
| -moz-transform: scaleX(0.89); | |
| -ms-transform: scaleX(0.89); | |
| -o-transform: scaleX(0.89); | |
| transform: scaleX(0.89); | |
| -webkit-transition: all 0.15s; | |
| -moz-transition: all 0.15s; | |
| -o-transition: all 0.15s; | |
| transition: all 0.15s; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| backface-visibility: hidden; } | |
| .article--grid__meta { | |
| margin-top: -1px; | |
| margin-bottom: 0; | |
| padding: 0 24px 6px; | |
| padding: 0 1.71429rem 0.42857rem; } | |
| .article--grid__meta:before { | |
| content: " "; | |
| display: block; | |
| height: 1px; | |
| background-color: #b3b3b3; | |
| margin: 0 -6px 6px; | |
| margin: 0 -6px 6px; } | |
| /** | |
| * Article Meta Links (date, comments, likes) | |
| * -- Blog Latest Posts, Posts Grid Cards, Hero Posts Module | |
| */ | |
| .article__meta-links { | |
| margin-bottom: 0; | |
| color: #807f7e; | |
| margin-left: -12px; | |
| margin-left: -0.85714rem; | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 1.10091; | |
| text-transform: uppercase; } | |
| .article__meta-links li { | |
| display: inline-block; | |
| margin-left: 12px; | |
| margin-left: 0.85714rem; } | |
| .article__meta-links a { | |
| color: #807f7e; } | |
| .article__meta-links i { | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; | |
| position: relative; | |
| top: 1px; } | |
| .article__meta-links i.icon-comment { | |
| top: 0px; } | |
| /** | |
| * Article List | |
| * -- Popular Posts Widget | |
| */ | |
| .article--list { | |
| margin-bottom: 0; } | |
| .article--list img { | |
| -webkit-filter: grayscale(1); | |
| -moz-filter: grayscale(1); | |
| filter: grayscale(1); } | |
| .article--list .badge { | |
| background-color: #807d7c; } | |
| .article--list__title { | |
| padding: 3px 24px 3px 12px; | |
| padding: 0.21429rem 1.71429rem 0.21429rem 0.85714rem; | |
| min-height: 54px; | |
| min-height: 3.85714rem; | |
| background-color: #f2edeb; | |
| color: black; } | |
| .article--list__link { | |
| display: block; | |
| position: relative; | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| .article--list__link:hover img { | |
| -webkit-filter: none; | |
| -moz-filter: none; | |
| filter: none; } | |
| .article--list__link:hover .badge { | |
| background-color: #fb4834; } | |
| /** | |
| * [Widget] Latest Posts Slider | |
| */ | |
| .article--slider { | |
| padding-bottom: 0; } | |
| .article--slider__title { | |
| padding-left: 12px; | |
| padding-left: 0.85714rem; } | |
| .article--slider__title h3 { | |
| line-height: 1.5; } | |
| .article--slider__title h3 a { | |
| color: white; } | |
| .article--slider__meta { | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; } | |
| .article--single__meta { | |
| padding-top: 24px; | |
| padding-top: 1.71429rem; } | |
| /*---------------------------------*\ | |
| CUSTOM PAGE BUILDER | |
| \*---------------------------------*/ | |
| /** | |
| * Hero Posts Module | |
| */ | |
| @media only screen and (max-width: 899px) { | |
| .featured-area__article.article--big .article__title .hN, .featured-area__article.article--big .article--list__title .hN, .featured-area__article.article--big .latest-comments__title .hN, .featured-area__article.article--big .article__title .article__author-name, .featured-area__article.article--big .article--list__title .article__author-name, .featured-area__article.article--big .latest-comments__title .article__author-name, .featured-area__article.article--big .article__title .comment__author-name, .featured-area__article.article--big .article--list__title .comment__author-name, .featured-area__article.article--big .latest-comments__title .comment__author-name, .featured-area__article.article--big .article__title .score__average-wrapper, .featured-area__article.article--big .article--list__title .score__average-wrapper, .featured-area__article.article--big .latest-comments__title .score__average-wrapper, .featured-area__article.article--big .article__title .score__label, .featured-area__article.article--big .article--list__title .score__label, .featured-area__article.article--big .latest-comments__title .score__label, .featured-area__article.article--big .article__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .article__title caption, .featured-area__article.article--big .article--list__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .article--list__title caption, .featured-area__article.article--big .latest-comments__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .latest-comments__title caption { | |
| font-size: 19px; | |
| width: 100%; } } | |
| .article--thumb__title { | |
| line-height: 1; | |
| height: 48px; | |
| height: 3.42857rem; | |
| overflow: hidden; } | |
| .article--thumb__title a { | |
| color: #1a1717; } | |
| .article--thumb__title a:hover { | |
| color: #fb4834; } | |
| /** | |
| * Posts Grid Cards ( ++styling if flexbox is supported ) | |
| */ | |
| @media only screen and (min-width: 900px) { | |
| .flexbox .posts-grid-cards, .flexboxlegacy .posts-grid-cards { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: -webkit-flex; | |
| display: flex; | |
| -webkit-box-direction: normal; | |
| -moz-box-direction: normal; | |
| -webkit-box-orient: horizontal; | |
| -moz-box-orient: horizontal; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: justify; | |
| -moz-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -webkit-align-content: stretch; | |
| -ms-flex-line-pack: stretch; | |
| align-content: stretch; | |
| -webkit-box-align: stretch; | |
| -moz-box-align: stretch; | |
| -webkit-align-items: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; } | |
| .flexbox .posts-grid-cards .grid__item, .flexbox .posts-grid-cards .featured-area__article, .flexbox .posts-grid-cards .featured-area__aside, .flexbox .posts-grid-cards .logged-in-as, .flexbox .posts-grid-cards .comment-form-author, | |
| .flexbox .posts-grid-cards .comment-form-email, | |
| .flexbox .posts-grid-cards .comment-form-url, .flexbox .posts-grid-cards .comment-form-comment, | |
| .flexbox .posts-grid-cards .form-submit, | |
| .flexbox .posts-grid-cards .comment-subscription-form, .flexboxlegacy .posts-grid-cards .grid__item, .flexboxlegacy .posts-grid-cards .featured-area__article, .flexboxlegacy .posts-grid-cards .featured-area__aside, .flexboxlegacy .posts-grid-cards .logged-in-as, .flexboxlegacy .posts-grid-cards .comment-form-author, | |
| .flexboxlegacy .posts-grid-cards .comment-form-email, | |
| .flexboxlegacy .posts-grid-cards .comment-form-url, .flexboxlegacy .posts-grid-cards .comment-form-comment, | |
| .flexboxlegacy .posts-grid-cards .form-submit, | |
| .flexboxlegacy .posts-grid-cards .comment-subscription-form { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -webkit-flexbox; | |
| display: -ms-flexbox; | |
| display: -ms-flex; | |
| display: -webkit-flex; | |
| display: flex; | |
| -webkit-box-flex: 33.333%; | |
| -moz-box-flex: 33.333%; | |
| -webkit-flex: 33.333% 1 auto; | |
| -ms-flex: 33.333% 1 auto; | |
| flex: 33.333% 1 auto; | |
| position: relative; } | |
| .flexbox .posts-grid-cards article, .flexboxlegacy .posts-grid-cards article { | |
| position: relative; | |
| margin-bottom: 30px; | |
| margin-bottom: 2.14286rem; } | |
| .flexbox .posts-grid-cards article .article--grid__body, .flexboxlegacy .posts-grid-cards article .article--grid__body { | |
| padding-bottom: 42px; } | |
| .flexbox .posts-grid-cards article .article__meta, .flexboxlegacy .posts-grid-cards article .article__meta { | |
| margin-bottom: 0; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| z-index: 25; } } | |
| /** | |
| * Billboard Slider Module | |
| */ | |
| .billboard { | |
| position: relative; | |
| margin-bottom: 6px; | |
| margin-bottom: 0.42857rem; | |
| -webkit-transition: opacity 0.5s linear; | |
| -moz-transition: opacity 0.5s linear; | |
| -o-transition: opacity 0.5s linear; | |
| transition: opacity 0.5s linear; | |
| display: block; | |
| height: 367px; } | |
| @media only screen and (min-width: 900px) { | |
| .billboard.pixslider { | |
| height: 625px; } | |
| .billboard .billboard--article-group { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; } | |
| .billboard img { | |
| width: 100% !important; | |
| height: auto !important; } } | |
| .billboard--article-group { | |
| position: relative; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0; | |
| -webkit-transition: opacity 0.2s ease-in; | |
| -moz-transition: opacity 0.2s ease-in; | |
| -o-transition: opacity 0.2s ease-in; | |
| transition: opacity 0.2s ease-in; } | |
| .rsSlide .billboard--article-group { | |
| opacity: 1; } | |
| .billboard--article-group:first-child { | |
| z-index: 100; } | |
| .billboard.visible, .lt-ie9 .billboard { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | |
| opacity: 1; } | |
| .article--billboard { | |
| width: 100%; } | |
| .article--billboard > a { | |
| display: block; } | |
| @media only screen and (min-width: 900px) { | |
| .article--billboard { | |
| border-bottom: 43px solid white; } | |
| .article--billboard:after { | |
| content: ""; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); | |
| background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); } | |
| .article--billboard:before { | |
| content: ""; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(80%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); | |
| background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); | |
| background-image: linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); } } | |
| .article--billboard .read-more-label { | |
| display: none; } | |
| .billboard--article-group { | |
| display: block; } | |
| .article--billboard__header { | |
| position: relative; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; } | |
| .article--billboard__header .read-more-label { | |
| font-family: "PT Sans", sans-serif; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; | |
| margin-top: 3px; | |
| display: none; } | |
| .article--billboard__header .hN, .article--billboard__header .article__author-name, .article--billboard__header .comment__author-name, .article--billboard__header .score__average-wrapper, .article--billboard__header .score__label, .article--billboard__header .widget_calendar caption, .widget_calendar .article--billboard__header caption, .article--billboard__header .small-link, .article--billboard__header .post-nav-link__label, .article--billboard__header .author__social-link { | |
| -webkit-transition: all 0.2s; | |
| -moz-transition: all 0.2s; | |
| -o-transition: all 0.2s; | |
| transition: all 0.2s; } | |
| .billboard__category { | |
| display: none; } | |
| .article--billboard__title { | |
| position: relative; | |
| color: #1a1717; | |
| margin: 0 0 0 -48px; | |
| margin: 0 0 0 -48px; | |
| padding: 9px 12px 9px 48px; | |
| padding: 0.64286rem 0.85714rem 0.64286rem 3.42857rem; | |
| font-size: 19px; | |
| font-size: 1.35714rem; | |
| line-height: 1.27316; | |
| line-height: 1.2; | |
| clear: left; } | |
| .article--billboard__title:before { | |
| content: ""; | |
| width: 110%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| background: white; | |
| z-index: -1; | |
| -webkit-transform: translateX(0px); | |
| -moz-transform: translateX(0px); | |
| -ms-transform: translateX(0px); | |
| -o-transform: translateX(0px); | |
| transform: translateX(0px); | |
| -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); } | |
| @media only screen and (min-width: 900px) { | |
| .article--billboard { | |
| overflow: hidden; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| padding-left: 0 !important; } | |
| .article--billboard > a .article__title, .article--billboard > a .article--list__title, .article--billboard > a .latest-comments__title { | |
| font-size: 25px; | |
| font-size: 1.78571rem; | |
| line-height: 1.45; } | |
| .article--billboard > a:hover .billboard__category { | |
| color: #1a1717; } | |
| .article--billboard > a:hover .billboard__category:before { | |
| -webkit-transform: translateY(0); | |
| -moz-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| -o-transform: translateY(0); | |
| transform: translateY(0); } | |
| .article--billboard > a:hover .article__title .hN, .article--billboard > a:hover .article--list__title .hN, .article--billboard > a:hover .latest-comments__title .hN, .article--billboard > a:hover .article__title .article__author-name, .article--billboard > a:hover .article--list__title .article__author-name, .article--billboard > a:hover .latest-comments__title .article__author-name, .article--billboard > a:hover .article__title .comment__author-name, .article--billboard > a:hover .article--list__title .comment__author-name, .article--billboard > a:hover .latest-comments__title .comment__author-name, .article--billboard > a:hover .article__title .score__average-wrapper, .article--billboard > a:hover .article--list__title .score__average-wrapper, .article--billboard > a:hover .latest-comments__title .score__average-wrapper, .article--billboard > a:hover .article__title .score__label, .article--billboard > a:hover .article--list__title .score__label, .article--billboard > a:hover .latest-comments__title .score__label, .article--billboard > a:hover .article__title .widget_calendar caption, .widget_calendar .article--billboard > a:hover .article__title caption, .article--billboard > a:hover .article--list__title .widget_calendar caption, .widget_calendar .article--billboard > a:hover .article--list__title caption, .article--billboard > a:hover .latest-comments__title .widget_calendar caption, .widget_calendar .article--billboard > a:hover .latest-comments__title caption { | |
| color: white; | |
| -webkit-transform: translate3d(30px 0 0, 1em, 1em); | |
| -moz-transform: translate3d(30px 0 0, 1em, 1em); | |
| -ms-transform: translate3d(30px 0 0, 1em, 1em); | |
| -o-transform: translate3d(30px 0 0, 1em, 1em); | |
| transform: translate3d(30px 0 0, 1em, 1em); } | |
| .article--billboard > a:hover .article__title:before, .article--billboard > a:hover .article--list__title:before, .article--billboard > a:hover .latest-comments__title:before { | |
| background: #fb4834; | |
| -webkit-transform: translateX(50px); | |
| -moz-transform: translateX(50px); | |
| -ms-transform: translateX(50px); | |
| -o-transform: translateX(50px); | |
| transform: translateX(50px); | |
| -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); } | |
| .article--billboard > a:hover .small-link, .article--billboard > a:hover .post-nav-link__label, .article--billboard > a:hover .author__social-link { | |
| color: white; } | |
| .article--billboard .read-more-label { | |
| display: block; } | |
| .billboard__category { | |
| float: left; | |
| font-weight: bold; | |
| letter-spacing: 1px; | |
| line-height: 1.5; | |
| text-transform: uppercase; | |
| color: white; | |
| padding: 6px 24px; | |
| padding: 0.42857rem 1.71429rem; | |
| margin-left: -24px; | |
| margin-left: -1.71429rem; | |
| position: relative; | |
| display: block; | |
| -webkit-transition: all 0.3s; | |
| -moz-transition: all 0.3s; | |
| -o-transition: all 0.3s; | |
| transition: all 0.3s; } | |
| .billboard__category:after { | |
| content: ""; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| background: black; | |
| background: rgba(0, 0, 0, 0.5); | |
| z-index: -2; } | |
| .billboard__category:before { | |
| content: ""; | |
| width: 100%; | |
| height: 120%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| background: white; | |
| z-index: -1; | |
| -webkit-transform: translateY(40px); | |
| -moz-transform: translateY(40px); | |
| -ms-transform: translateY(40px); | |
| -o-transform: translateY(40px); | |
| transform: translateY(40px); | |
| -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); } | |
| .article--billboard__header { | |
| position: absolute; | |
| top: auto; | |
| bottom: 24px; | |
| bottom: 1.71429rem; | |
| left: 48px; | |
| left: 3.42857rem; | |
| z-index: 30; | |
| width: 46.5%; } | |
| .billboard--article-group { | |
| margin-left: 0; } } | |
| /* | |
| * Small Post Cards | |
| */ | |
| .article--billboard-small { | |
| padding-bottom: 0; | |
| background: white; | |
| position: static; } | |
| @media only screen and (max-width: 899px) { | |
| .article--billboard-small { | |
| border-bottom: 0; } } | |
| .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link { | |
| display: block; | |
| line-height: 1; | |
| color: #807f7e; } | |
| .article--billboard-small .small-link em, .article--billboard-small .post-nav-link__label em, .article--billboard-small .author__social-link em { | |
| -webkit-transition: all 0.3s; | |
| -moz-transition: all 0.3s; | |
| -o-transition: all 0.3s; | |
| transition: all 0.3s; | |
| color: #fb4834; | |
| margin-left: 6px; | |
| font-size: 16px; } | |
| .article--billboard-small + .article--billboard-small { | |
| right: 24px; | |
| right: 1.71429rem; } | |
| .article--billboard-small > a { | |
| display: block; } | |
| .article--billboard-small .article__thumb { | |
| background: white; } | |
| .article--billboard-small .article__content { | |
| background: white; | |
| text-align: left; | |
| overflow: hidden; | |
| -webkit-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -moz-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -o-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); } | |
| .article--billboard-small .article__description { | |
| color: #807f7e; | |
| font-size: 13px; | |
| line-height: 1.5; | |
| margin-bottom: 72px; | |
| display: none; } | |
| .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link { | |
| display: none; } | |
| @media only screen and (min-width: 900px) { | |
| .article--billboard-small { | |
| width: 192px; | |
| width: 13.71429rem; | |
| height: 280px; | |
| height: 20rem; | |
| position: absolute; | |
| z-index: 40; | |
| bottom: 0; | |
| top: auto; | |
| left: auto; | |
| right: 234px; | |
| right: 16.71429rem; | |
| padding-left: 0; } | |
| .article--billboard-small .article__thumb { | |
| position: relative; | |
| -webkit-transform: translateY(-8px); | |
| -moz-transform: translateY(-8px); | |
| -ms-transform: translateY(-8px); | |
| -o-transform: translateY(-8px); | |
| transform: translateY(-8px); | |
| -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); } | |
| .article--billboard-small .article__title, .article--billboard-small .article--list__title, .article--billboard-small .latest-comments__title { | |
| height: 48px; | |
| height: 3.42857rem; } | |
| .article--billboard-small .article__content { | |
| padding: 12px; | |
| padding: 0.85714rem; | |
| height: 135px; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; } | |
| .article--billboard-small .article__description { | |
| display: block; | |
| opacity: 0; | |
| -webkit-transform: translateY(30px); | |
| -moz-transform: translateY(30px); | |
| -ms-transform: translateY(30px); | |
| -o-transform: translateY(30px); | |
| transform: translateY(30px); | |
| -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| -webkit-transition-delay: 0.07s; | |
| -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s; | |
| -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s; | |
| transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s; } | |
| .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link { | |
| display: block; | |
| position: absolute; | |
| bottom: 12px; } | |
| .article--billboard-small:hover .article__thumb { | |
| -webkit-transform: translateY(-24px); | |
| -moz-transform: translateY(-24px); | |
| -ms-transform: translateY(-24px); | |
| -o-transform: translateY(-24px); | |
| transform: translateY(-24px); } | |
| .article--billboard-small:hover .article__content { | |
| height: 195px; } | |
| .article--billboard-small:hover .article__description { | |
| opacity: 1; | |
| -webkit-transform: translateY(0); | |
| -moz-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| -o-transform: translateY(0); | |
| transform: translateY(0); } } | |
| .article--billboard-small__title { | |
| overflow: hidden; | |
| color: #1a1717; } | |
| .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .article--billboard-small__title .widget_calendar caption, .widget_calendar .article--billboard-small__title caption { | |
| max-width: 100%; | |
| overflow: hidden; | |
| -ms-text-overflow: ellipsis; | |
| text-overflow: ellipsis; } | |
| @media only screen and (max-width: 899px) { | |
| .article--billboard-small__title { | |
| padding: 9px 0; | |
| padding: 0.64286rem 0; | |
| margin-bottom: 0; } | |
| .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .article--billboard-small__title .widget_calendar caption, .widget_calendar .article--billboard-small__title caption { | |
| font-size: 19px; | |
| font-size: 1.35714rem; | |
| line-height: 1.27316; } } | |
| .billboard .image-wrap { | |
| cursor: pointer; } | |
| /** | |
| * Content Module | |
| */ | |
| .content-module { | |
| margin-bottom: 30px; | |
| margin-bottom: 2.14286rem; } | |
| /** | |
| * Password protected article | |
| */ | |
| .post-password-submit { | |
| padding: 12px; | |
| padding: 0.85714rem; | |
| margin-top: 1px; | |
| line-height: normal; | |
| font-size: 100%; } | |
| @media only screen and (max-width: 899px) { | |
| .post-password-submit { | |
| width: 100%; | |
| margin-top: 24px; | |
| margin-top: 1.71429rem; } } | |
| .wrong-password-message { | |
| color: #fb4834; | |
| font-weight: bold; } | |
| /*----------------------------------------*\ | |
| $NEXT / PREVIOUS NAVIGATION | |
| \*----------------------------------------*/ | |
| .post-nav { | |
| position: relative; } | |
| .post-nav-link { | |
| text-align: center; } | |
| .post-nav-link:first-child { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| @media only screen and (min-width: 900px) { | |
| .post-nav-link { | |
| padding-right: 24px; | |
| padding-right: 1.71429rem; | |
| padding-left: 48px; | |
| padding-left: 3.42857rem; } | |
| .post-nav-link:after { | |
| content: ""; | |
| position: absolute; | |
| top: 50%; | |
| width: 12px; | |
| width: 0.85714rem; | |
| height: 12px; | |
| height: 0.85714rem; | |
| margin-top: -6px; | |
| margin-top: -0.42857rem; | |
| border: 0 solid #1a1717; | |
| border-bottom-width: 2px; | |
| border-bottom-width: 0.14286rem; } | |
| .post-nav-link--prev { | |
| text-align: right; } | |
| .post-nav-link--prev:after { | |
| left: 24px; | |
| left: 1.71429rem; | |
| border-left-width: 2px; | |
| border-left-width: 0.14286rem; | |
| -webkit-transform: translateZ(0) rotate(45deg); | |
| -moz-transform: translateZ(0) rotate(45deg); | |
| -ms-transform: translateZ(0) rotate(45deg); | |
| -o-transform: translateZ(0) rotate(45deg); | |
| transform: translateZ(0) rotate(45deg); } | |
| .post-nav-link--next { | |
| text-align: left; } | |
| .post-nav-link--next:after { | |
| right: 0; | |
| border-right-width: 2px; | |
| border-right-width: 0.14286rem; | |
| -webkit-transform: translateZ(0) rotate(-45deg); | |
| -moz-transform: translateZ(0) rotate(-45deg); | |
| -ms-transform: translateZ(0) rotate(-45deg); | |
| -o-transform: translateZ(0) rotate(-45deg); | |
| transform: translateZ(0) rotate(-45deg); } } | |
| .post-nav-link__title { | |
| color: #1a1717; } | |
| @media only screen and (max-width: 899px) { | |
| .post-nav .divider--pointer { | |
| display: none; } } | |
| .gallery__item img.invisible { | |
| display: none; } | |
| .featured-area__article { | |
| position: relative; | |
| margin-bottom: 36px; | |
| margin-bottom: 2.57143rem; } | |
| .article--big .article__title, .article--big .article--list__title, .article--big .latest-comments__title { | |
| margin-bottom: 0; } | |
| .featured-area__aside { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| /*------------------------------------*\ | |
| AUTHOR BOX | |
| \*------------------------------------*/ | |
| .author__avatar { | |
| margin-top: 6px; | |
| margin-top: 0.42857rem; } | |
| .author__avatar img { | |
| max-width: 80px; } | |
| @media only screen and (max-width: 899px) { | |
| .author__avatar { | |
| float: none; | |
| margin-right: 0; } | |
| .author__avatar img { | |
| margin: 0 auto; } | |
| .author__title { | |
| text-align: center; | |
| margin: 12px 0; | |
| margin: 0.85714rem 0; } } | |
| .author__title { | |
| font-size: 15px; | |
| font-size: 1.07143rem; | |
| line-height: 1.61; | |
| margin-bottom: 3px; | |
| margin-bottom: 0.21429rem; } | |
| .author__title a { | |
| color: #1a1717; } | |
| .author__bio { | |
| margin-bottom: 0; | |
| font-size: 15px; | |
| line-height: 1.4; } | |
| .author__social-links__list-item { | |
| margin-right: 18px; | |
| margin-right: 1.28571rem; } | |
| .author__social-link { | |
| font-size: 11px; | |
| font-size: 0.78571rem; | |
| line-height: 1.10091; } | |
| /*----------------------------------------*\ | |
| * $CONTENTS | |
| \*----------------------------------------*/ | |
| /** | |
| * Comments ................ styling of the comment list | |
| * Comment form ............ styling of the comment form | |
| */ | |
| /*----------------------------------------*\ | |
| * $COMMENTS | |
| \*----------------------------------------*/ | |
| .comments-area-title { | |
| margin-top: 36px !important; | |
| margin-top: 2.57143rem !important; | |
| padding-bottom: 12px; | |
| padding-bottom: 0.85714rem; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; | |
| border-bottom: 1px dotted #807f7e; } | |
| .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .comments-area-title .widget_calendar caption, .widget_calendar .comments-area-title caption { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| float: left; | |
| margin-right: 12px; | |
| margin-right: 0.85714rem; } | |
| @media only screen and (max-width: 899px) { | |
| .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .comments-area-title .widget_calendar caption, .widget_calendar .comments-area-title caption { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; } } | |
| .comments-area-title .hN em, .comments-area-title .article__author-name em, .comments-area-title .comment__author-name em, .comments-area-title .score__average-wrapper em, .comments-area-title .score__label em, .comments-area-title .widget_calendar caption em, .widget_calendar .comments-area-title caption em { | |
| font-style: normal; | |
| color: #fb4834; } | |
| .comments_add-comment { | |
| margin-top: .225em; | |
| float: left; } | |
| .commentlist { | |
| list-style: none; | |
| margin-top: -24px; | |
| margin-top: -1.71429rem; | |
| margin-bottom: -24px; | |
| margin-bottom: -1.71429rem; | |
| margin-left: 0; | |
| border-left: 0; | |
| padding-left: 0; } | |
| li.comment, li.pingback { | |
| display: block; | |
| margin-bottom: 0; | |
| padding-top: 24px; | |
| padding-top: 1.71429rem; } | |
| li.comment + li.comment, li.pingback + li.pingback { | |
| border-top: 1px dotted #807f7e; } | |
| li.comment .children, li.pingback .children { | |
| position: relative; | |
| margin-left: 60px; | |
| padding-left: 12px; | |
| padding-left: 0.85714rem; | |
| margin-top: -24px; | |
| margin-top: -1.71429rem; } | |
| li.comment .children:before, li.pingback .children:before { | |
| content: ""; | |
| display: block; | |
| height: 12px; | |
| height: 0.85714rem; | |
| width: 12px; | |
| width: 0.85714rem; | |
| position: absolute; | |
| margin-left: -30px; | |
| left: 0; | |
| top: 42px; | |
| top: 3rem; | |
| border-left: 1px solid #807f7e; | |
| border-bottom: 1px solid #807f7e; } | |
| .comment-article { | |
| margin-bottom: 0; } | |
| .comment-article:hover .comment-edit-link { | |
| opacity: 1; } | |
| .comment__avatar { | |
| margin-right: 12px; | |
| margin-right: 0.85714rem; } | |
| .comment__timestamp { | |
| color: #807f7e; } | |
| .comment__avatar { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .comment__content { | |
| position: relative; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .comment__links { | |
| float: right; | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| font-family: "Open Sans", sans-serif; } | |
| .comment-edit-link { | |
| color: #807f7e; | |
| opacity: 0; | |
| margin-right: 12px; | |
| margin-right: 0.85714rem; | |
| -webkit-transition: opacity 0.3s ease-in-out; | |
| -moz-transition: opacity 0.3s ease-in-out; | |
| -o-transition: opacity 0.3s ease-in-out; | |
| transition: opacity 0.3s ease-in-out; | |
| -webkit-transform: translateZ(0); | |
| -moz-transform: translateZ(0); | |
| -ms-transform: translateZ(0); | |
| -o-transform: translateZ(0); | |
| transform: translateZ(0); } | |
| .logged-in-as { | |
| margin: -12px 0; | |
| margin: -0.85714rem 0; } | |
| .comment-reply-title { | |
| margin-top: 0; } | |
| .comment-respond { | |
| position: relative; } | |
| #cancel-comment-reply-link { | |
| position: absolute; | |
| bottom: 24px; | |
| bottom: 1.71429rem; | |
| left: 0; | |
| z-index: 5; | |
| text-decoration: none; | |
| font-style: normal; } | |
| /*----------------------------------------*\ | |
| * $COMMENT_FORM | |
| \*----------------------------------------*/ | |
| .comment-form ::-webkit-input-placeholder { | |
| font-style: italic; } | |
| .comment-form :-moz-placeholder { | |
| font-style: italic; } | |
| .comment-form ::-moz-placeholder { | |
| font-style: italic; } | |
| .comment-form :-ms-input-placeholder { | |
| font-style: italic; } | |
| .lt-ie9 .comment-form-author, .lt-ie9 | |
| .comment-form-email, .lt-ie9 | |
| .comment-form-url { | |
| width: 30%; | |
| float: none; | |
| display: inline-block; } | |
| /** | |
| * !Important stuff here to override wordpress styles... | |
| */ | |
| .form-submit #comment-submit { | |
| text-transform: uppercase; | |
| float: right; } | |
| .lt-ie9 .form-submit #comment-submit { | |
| width: 100px; } | |
| /*---------------------------------*\ | |
| HEADING | |
| \*---------------------------------*/ | |
| .heading, .widget--sidebar__title, .widget--footer__title { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .heading .hN, .widget--sidebar__title .hN, .widget--footer__title .hN, .heading .article__author-name, .widget--sidebar__title .article__author-name, .widget--footer__title .article__author-name, .heading .comment__author-name, .widget--sidebar__title .comment__author-name, .widget--footer__title .comment__author-name, .heading .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading .score__label, .widget--sidebar__title .score__label, .widget--footer__title .score__label, .heading .widget_calendar caption, .widget_calendar .heading caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption, .widget--footer__title .widget_calendar caption, .widget_calendar .widget--footer__title caption, .heading .archive__side-title, .widget--sidebar__title .archive__side-title, .widget--footer__title .archive__side-title { | |
| margin-bottom: 0; | |
| font-family: "Arvo", serif; | |
| font-weight: normal; | |
| color: white; | |
| text-transform: uppercase; } | |
| .heading a, .widget--sidebar__title a, .widget--footer__title a { | |
| color: white; } | |
| .heading--main { | |
| background-color: #1a1717; } | |
| .heading--main .hN, .heading--main .article__author-name, .heading--main .comment__author-name, .heading--main .score__average-wrapper, .heading--main .score__label, .heading--main .widget_calendar caption, .widget_calendar .heading--main caption { | |
| padding: 12px 24px; | |
| padding: 0.85714rem 1.71429rem; | |
| background-color: #fb4834; | |
| float: left; } | |
| .heading--main .archive__side-title { | |
| padding: 12px 24px; | |
| padding: 0.85714rem 1.71429rem; | |
| float: left; } | |
| .heading--sidebar, .widget--sidebar__title { | |
| background-color: #fb4834; } | |
| .heading--sidebar .hN, .widget--sidebar__title .hN, .heading--sidebar .article__author-name, .widget--sidebar__title .article__author-name, .heading--sidebar .comment__author-name, .widget--sidebar__title .comment__author-name, .heading--sidebar .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .heading--sidebar .score__label, .widget--sidebar__title .score__label, .heading--sidebar .widget_calendar caption, .widget_calendar .heading--sidebar caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption { | |
| padding: 12px 24px; | |
| padding: 0.85714rem 1.71429rem; } | |
| /*---------------------------------*\ | |
| REVIEWS | |
| \*---------------------------------*/ | |
| .score-box { | |
| max-width: 145px; | |
| max-width: 10.35714rem; | |
| margin: 0 auto 24px; } | |
| @media only screen and (min-width: 900px) { | |
| .score-box { | |
| margin: 0; } } | |
| .center-score .score-box { | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .score__average-wrapper { | |
| position: relative; | |
| background-color: #fb4834; | |
| color: white; | |
| padding: 12px 0; | |
| padding: 0.85714rem 0; } | |
| .score__average { | |
| width: 100%; | |
| font-size: 72px; | |
| font-size: 5.14286rem; | |
| text-align: center; } | |
| .score__note { | |
| line-height: 1; | |
| padding: 24px 0; | |
| padding: 1.71429rem 0; } | |
| .average--with-desc .score__note { | |
| padding: 0; } | |
| .score__desc { | |
| font-family: "PT Sans", sans-serif; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.2; | |
| letter-spacing: 1px; | |
| margin: 12px 12px 0 12px; | |
| margin: 0.85714rem 0.85714rem 0 0.85714rem; | |
| padding-top: 12px; | |
| padding-top: 0.85714rem; | |
| border-top: 1px dotted white; } | |
| .score-box--after-text { | |
| text-align: center; | |
| text-transform: uppercase; | |
| display: block; | |
| font-size: 32px; | |
| font-size: 2.28571rem; | |
| line-height: 1.135; | |
| font-family: "Arvo", serif; } | |
| .review__score { | |
| position: relative; } | |
| .score__progressbar { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .score__badge { | |
| width: 1.75em; | |
| position: absolute; | |
| bottom: 7px; | |
| bottom: 0.5rem; | |
| right: -1px; | |
| z-index: 20; } | |
| .score__badge:after { | |
| display: none; } | |
| .score__pros__title, | |
| .score__cons__title { | |
| color: #fb4834; | |
| border-bottom: 1px dotted #b2b2b2; | |
| margin-bottom: 6px; | |
| margin-bottom: 0.42857rem; } | |
| .score__pros__title .hN, .score__pros__title .article__author-name, .score__pros__title .comment__author-name, .score__pros__title .score__average-wrapper, .score__pros__title .score__label, .score__pros__title .widget_calendar caption, .widget_calendar .score__pros__title caption, | |
| .score__cons__title .hN, | |
| .score__cons__title .article__author-name, | |
| .score__cons__title .comment__author-name, | |
| .score__cons__title .score__average-wrapper, | |
| .score__cons__title .score__label, | |
| .score__cons__title .widget_calendar caption, | |
| .widget_calendar .score__cons__title caption { | |
| font-size: 15px; | |
| font-size: 1.07143rem; | |
| line-height: 1; | |
| margin-top: 0; | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| .score__pros__list, | |
| .score__cons__list { | |
| list-style-position: inside; | |
| margin-left: 0; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; } | |
| .score__pros__list li, | |
| .score__cons__list li { | |
| margin-bottom: 3px; } | |
| @media only screen and (min-width: 900px) { | |
| .score__pros__list, | |
| .score__cons__list { | |
| margin-bottom: 0; } } | |
| .score-box--before { | |
| width: 145px; | |
| width: 10.35714rem; | |
| float: left; | |
| margin-top: 12px; | |
| margin-top: 0.85714rem; | |
| margin-right: 24px; | |
| margin-right: 1.71429rem; | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| /*---------------------------------*\ | |
| $WIDGET | |
| \*---------------------------------*/ | |
| .widget select { | |
| max-width: 100%; } | |
| .widget--main { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .widget--footer { | |
| margin-bottom: 48px; | |
| margin-bottom: 3.42857rem; } | |
| .widget--footer__title em { | |
| color: #fb4834; | |
| font-style: normal; } | |
| /*-----------------------------------*\ | |
| TAG CLOUD | |
| \*-----------------------------------*/ | |
| .widget_tag_cloud a { | |
| font-size: 12px !important; | |
| font-size: 0.85714rem !important; } | |
| .widget_tag_cloud.widget--main a { | |
| background-color: #eee; | |
| color: #555; } | |
| /*----------------------------------------*\ | |
| $SEARCH | |
| \*----------------------------------------*/ | |
| .widget_search .form-search { | |
| width: 100%; | |
| height: 36px; | |
| height: 2.57143rem; } | |
| /*-----------------------------------------*\ | |
| WIDGET NAV MENU | |
| \*-----------------------------------------*/ | |
| /*ul*/ | |
| .menu--list, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul, .widget_archive ul, .widget_pages ul, .widget_recent_comments ul, .widget_rss ul, .widget_recent_posts ul, .widget_recent_entries ul { | |
| margin: 0; | |
| list-style: none; | |
| margin-top: -6px; | |
| margin-top: -0.42857rem; } | |
| .menu--list > li a, .widget_nav_menu ul > li a, .widget_categories ul > li a, .widget_meta ul > li a, .widget_archive ul > li a, .widget_pages ul > li a, .widget_recent_comments ul > li a, .widget_rss ul > li a, .widget_recent_posts ul > li a, .widget_recent_entries ul > li a { | |
| display: block; | |
| padding: 6px 0; | |
| padding: 0.42857rem 0; } | |
| .menu--list > li + li, .widget_nav_menu ul > li + li, .widget_categories ul > li + li, .widget_meta ul > li + li, .widget_archive ul > li + li, .widget_pages ul > li + li, .widget_recent_comments ul > li + li, .widget_rss ul > li + li, .widget_recent_posts ul > li + li, .widget_recent_entries ul > li + li { | |
| border-top: 1px solid #333131; | |
| margin-top: -1px; } | |
| .site__footer .menu--list > li + li, .site__footer .widget_nav_menu ul > li + li, .widget_nav_menu .site__footer ul > li + li, .site__footer .widget_categories ul > li + li, .widget_categories .site__footer ul > li + li, .site__footer .widget_meta ul > li + li, .widget_meta .site__footer ul > li + li, .site__footer .widget_archive ul > li + li, .widget_archive .site__footer ul > li + li, .site__footer .widget_pages ul > li + li, .widget_pages .site__footer ul > li + li, .site__footer .widget_recent_comments ul > li + li, .widget_recent_comments .site__footer ul > li + li, .site__footer .widget_rss ul > li + li, .widget_rss .site__footer ul > li + li, .site__footer .widget_recent_posts ul > li + li, .widget_recent_posts .site__footer ul > li + li, .site__footer .widget_recent_entries ul > li + li, .widget_recent_entries .site__footer ul > li + li { | |
| border-top-color: #262525; } | |
| .menu--list.two-cols > li + li, .widget_nav_menu ul > li + li, .widget_categories ul > li + li, .widget_meta ul > li + li, .widget_archive ul.two-cols > li + li, .widget_pages ul.two-cols > li + li, .widget_recent_comments ul.two-cols > li + li, .widget_rss ul.two-cols > li + li, .widget_recent_posts ul.two-cols > li + li, .widget_recent_entries ul.two-cols > li + li { | |
| border-top: 0; | |
| margin-top: 0; } | |
| .menu--list.two-cols > li + li + li, .widget_nav_menu ul > li + li + li, .widget_categories ul > li + li + li, .widget_meta ul > li + li + li, .widget_archive ul.two-cols > li + li + li, .widget_pages ul.two-cols > li + li + li, .widget_recent_comments ul.two-cols > li + li + li, .widget_rss ul.two-cols > li + li + li, .widget_recent_posts ul.two-cols > li + li + li, .widget_recent_entries ul.two-cols > li + li + li { | |
| border-top: 1px solid #ddd; | |
| margin-top: -1px; } | |
| .site__footer .menu--list.two-cols > li + li + li, .site__footer .widget_nav_menu ul > li + li + li, .widget_nav_menu .site__footer ul > li + li + li, .site__footer .widget_categories ul > li + li + li, .widget_categories .site__footer ul > li + li + li, .site__footer .widget_meta ul > li + li + li, .widget_meta .site__footer ul > li + li + li, .site__footer .widget_archive ul.two-cols > li + li + li, .widget_archive .site__footer ul.two-cols > li + li + li, .site__footer .widget_pages ul.two-cols > li + li + li, .widget_pages .site__footer ul.two-cols > li + li + li, .site__footer .widget_recent_comments ul.two-cols > li + li + li, .widget_recent_comments .site__footer ul.two-cols > li + li + li, .site__footer .widget_rss ul.two-cols > li + li + li, .widget_rss .site__footer ul.two-cols > li + li + li, .site__footer .widget_recent_posts ul.two-cols > li + li + li, .widget_recent_posts .site__footer ul.two-cols > li + li + li, .site__footer .widget_recent_entries ul.two-cols > li + li + li, .widget_recent_entries .site__footer ul.two-cols > li + li + li { | |
| border-top-color: #262525; } | |
| .widget_nav_menu ul ul, .widget_categories ul ul, .widget_meta ul ul { | |
| display: none; } | |
| .widget_archive ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_rss ul ul, .widget_recent_posts ul ul, .widget_recent_entries ul ul { | |
| display: none; } | |
| .widget--sidebar__title .rsswidget img { | |
| display: none; } | |
| .widget_rss .widget--footer__title .hN, .widget_rss .widget--footer__title .article__author-name, .widget_rss .widget--footer__title .comment__author-name, .widget_rss .widget--footer__title .score__average-wrapper, .widget_rss .widget--footer__title .score__label, .widget_rss .widget--footer__title .widget_calendar caption, .widget_calendar .widget_rss .widget--footer__title caption { | |
| color: #fb4834; } | |
| .widget select { | |
| width: 100%; | |
| padding-left: 6px; | |
| padding-left: 0.42857rem; } | |
| .widget_image img.alignnone { | |
| margin-top: 0; | |
| margin-bottom: 0; } | |
| .widget_wpgrade_posts_slider_widget .article--slider { | |
| margin-bottom: 0; } | |
| .widget_wpgrade_posts_slider_widget .rsArrow { | |
| top: 30%; } | |
| .widget_wpgrade_posts_slider_widget .rsArrow .rsArrowIcn { | |
| height: 28px; | |
| width: 28px; } | |
| /** | |
| * Maybe it's good, maybe it's not... | |
| */ | |
| .widget_categories ul > li a, .widget_recent_comments ul > li a, .widget_archive ul > li a { | |
| display: inline-block !important; } | |
| .recentcomments { | |
| padding: 12px 0; | |
| padding: 0.85714rem 0; } | |
| @media only screen and (max-width: 899px) { | |
| .widget_recent_entries a, .widget_recent_comments a, .widget_rss a, .widget_categories a { | |
| text-decoration: underline; } } | |
| .widget_rss li > cite:before { | |
| content: '-'; | |
| margin-right: 5px; } | |
| .rss-date { | |
| font-style: italic; } | |
| .widget--footer.widget_text .wp-caption-text { | |
| background-color: #1a1717; | |
| color: #807f7e; } | |
| .widget_calendar caption { | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| .widget_calendar th, .widget_calendar td { | |
| text-align: center; } | |
| /*------------------------------------------------*\ | |
| $LATEST COMMENTS WIDGET | |
| \*------------------------------------------------*/ | |
| .widget--latest-comments { | |
| padding-bottom: 0; } | |
| .latest-comments__list { | |
| font-size: 13px; | |
| font-size: 0.92857rem; | |
| line-height: 1.85615; } | |
| .latest-comments__list:last-child { | |
| margin-bottom: 0; } | |
| .latest-comments__list:last-child .latest-comments__body { | |
| border-bottom: 0; } | |
| .latest-comments__author { | |
| font-family: "Arvo", serif; | |
| text-transform: uppercase; | |
| color: #1a1717; } | |
| .latest-comments__avatar { | |
| margin-right: 12px; | |
| margin-right: 0.85714rem; } | |
| .latest-comments__body { | |
| border-bottom: 1px solid #ccc; } | |
| .latest-comments__title { | |
| padding: 0 6px; | |
| padding: 0 0.42857rem; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| text-transform: uppercase; | |
| background-color: #1a1717; } | |
| .latest-comments__content { | |
| font-style: italic; | |
| margin-top: 12px; | |
| margin-top: 0.85714rem; | |
| line-height: 1.4; } | |
| .widget--footer .latest-comments__title { | |
| background-color: #262525; | |
| color: #e2e2e2; } | |
| .widget--footer .latest-comments__body { | |
| border-bottom-color: #262525; } | |
| .widget_wpgrade_posts_slider_widget { | |
| position: relative; } | |
| .widget_wpgrade_posts_slider_widget .widget__title { | |
| margin-bottom: 0; } | |
| /*----------------------------------------------*\ | |
| $POPULAR POSTS WIDGET | |
| \*----------------------------------------------*/ | |
| .wpgrade_popular_posts { | |
| padding-bottom: 0; } | |
| .wpgrade_popular_posts .widget__title { | |
| margin-bottom: 0; } | |
| .wpgrade_popular_posts .tabs__content { | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; } | |
| /*-----------------------------------------------*\ | |
| $LATEST REVIEWS WIDGET | |
| \*-----------------------------------------------*/ | |
| .reviews { | |
| background-color: #1a1717; | |
| color: white; | |
| border-left: 0; | |
| list-style: none; } | |
| .reviews .badge { | |
| float: right; | |
| margin-bottom: -6px; | |
| margin-bottom: -0.42857rem; | |
| font-size: 19px; | |
| font-size: 1.35714rem; | |
| line-height: 1.27316; | |
| padding: .35em 0; | |
| position: relative; | |
| z-index: 10; } | |
| .reviews .progressbar { | |
| height: 6px; | |
| height: 0.42857rem; | |
| background-color: #4c4a4a; | |
| clear: right; } | |
| .reviews .progressbar:after { | |
| display: none; } | |
| .reviews .progressbar__progress { | |
| height: 6px; | |
| height: 0.42857rem; } | |
| .review { | |
| margin-bottom: 18px; | |
| margin-bottom: 1.28571rem; } | |
| .review__title { | |
| display: inline-block; | |
| font-family: "Arvo", serif; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| color: white; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| -ms-text-overflow: ellipsis; | |
| text-overflow: ellipsis; | |
| width: 100%; | |
| margin-right: -24px; | |
| margin-right: -1.71429rem; | |
| padding-right: 24px; | |
| padding-right: 1.71429rem; } | |
| .widget_wpgrade_twitter_widget { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .widget_wpgrade_twitter_widget .tweet { | |
| padding-right: 144px; | |
| padding-right: 10.28571rem; } | |
| .widget_wpgrade_twitter_widget .tweet__meta-date::before { | |
| content: " - "; } | |
| .widget_wpgrade_twitter_widget .tweet__block { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; } | |
| .widget_wpgrade_twitter_widget.widget--footer .tweet__author { | |
| color: white; } | |
| .widget_wpgrade_twitter_widget.widget--footer .tweet__content { | |
| color: white; } | |
| .widget_wpgrade_twitter_widget .widget__title em { | |
| color: white; } | |
| .widget_wpgrade_twitter_widget .widget__title h2:before, .widget_wpgrade_twitter_widget .widget__title h3:before { | |
| content: "\e8f1"; | |
| font-family: "entypo"; | |
| font-style: normal; | |
| font-weight: normal; | |
| speak: none; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| font-size: 21px; | |
| font-size: 1.5rem; | |
| line-height: 1.15286; | |
| margin-right: .5em; | |
| text-align: center; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1em; | |
| margin-left: .2em; } | |
| .widget_wpgrade_twitter_widget .widget--footer__title h3:before { | |
| color: #fb4834; } | |
| .widget_wpgrade_flickr_widget .widget-title { | |
| padding-bottom: 0; } | |
| .wpgrade-flickr-items { | |
| border: 0 !important; | |
| margin-left: -12px; | |
| margin-left: -0.85714rem; } | |
| .wpgrade-flickr-item { | |
| width: 25%; | |
| float: left; | |
| border: 0 solid transparent; | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; | |
| border-left-width: 12px; | |
| border-left-width: 0.85714rem; } | |
| .wpgrade-flickr-break { | |
| width: 100%; | |
| height: 0; } | |
| .wpgrade-flickr-link { | |
| border: 2px solid white; | |
| display: block; | |
| float: left; | |
| width: 100%; } | |
| .wpgrade-flickr-link img { | |
| display: block; | |
| width: 100%; } | |
| .wpgrade-flickr-link:hover { | |
| border: 2px solid white; } | |
| .widget_wpgrade_dribbble_widget .widget-title { | |
| padding-bottom: 0; } | |
| .wpgrade-dribbble-items { | |
| border: 0 !important; | |
| margin-left: -12px; | |
| margin-left: -0.85714rem; } | |
| .wpgrade-dribbble-item { | |
| width: 50%; | |
| float: left; | |
| border: 0 solid transparent; | |
| margin-bottom: 12px; | |
| margin-bottom: 0.85714rem; | |
| border-left-width: 12px; | |
| border-left-width: 0.85714rem; } | |
| .wpgrade-dribbble-link { | |
| border: 2px solid white; | |
| display: block; | |
| float: left; | |
| width: 100%; } | |
| .wpgrade-dribbble-link img { | |
| display: block; | |
| width: 100%; } | |
| .wpgrade-dribbble-link:hover { | |
| border: 2px solid white; } | |
| /** | |
| * Ensure that a caption won't expand more than the content | |
| */ | |
| .alignnone { | |
| margin: 6px 0 24px; | |
| margin: 0.42857rem 0 1.71429rem; } | |
| .alignleft { | |
| float: left; | |
| margin: 6px 12px 12px 0; | |
| margin: 0.42857rem 0.85714rem 0.85714rem 0; } | |
| .aligncenter { | |
| display: block; | |
| margin: 6px auto 24px; | |
| margin: 0.42857rem auto 1.71429rem; } | |
| .alignright { | |
| float: right; | |
| margin: 6px 0 12px 12px; | |
| margin: 0.42857rem 0 0.85714rem 0.85714rem; } | |
| .wp-caption { | |
| width: auto !important; | |
| max-width: 100%; | |
| margin-bottom: 36px; | |
| margin-bottom: 2.57143rem; } | |
| .wp-caption-text { | |
| float: left; | |
| background: white; | |
| font-family: "Open Sans", sans-serif; | |
| font-style: italic; | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| padding: 0 12px; | |
| padding: 0 0.85714rem; | |
| margin: 0 12px -12px; | |
| margin: 0 0.85714rem -0.85714rem; | |
| text-align: left; } | |
| .site-footer .wp-caption-text { | |
| background: #1a1717; } | |
| .bypostauthor { | |
| width: auto; } | |
| .mt1 { | |
| margin-top: 1rem !important; | |
| margin-top: 1rem !important; } | |
| .mt2 { | |
| margin-top: 2rem !important; | |
| margin-top: 2rem !important; } | |
| .mt3 { | |
| margin-top: 3rem !important; | |
| margin-top: 3rem !important; } | |
| .mt4 { | |
| margin-top: 4rem !important; | |
| margin-top: 4rem !important; } | |
| .mt-1 { | |
| margin-top: -1rem !important; | |
| margin-top: -1rem !important; } | |
| .mt-2 { | |
| margin-top: -2rem !important; | |
| margin-top: -2rem !important; } | |
| .mt-3 { | |
| margin-top: -3rem !important; | |
| margin-top: -3rem !important; } | |
| .mt-4 { | |
| margin-top: -4rem !important; | |
| margin-top: -4rem !important; } | |
| .mb1 { | |
| margin-bottom: 1rem !important; | |
| margin-bottom: 1rem !important; } | |
| .mb2 { | |
| margin-bottom: 2rem !important; | |
| margin-bottom: 2rem !important; } | |
| .mb3 { | |
| margin-bottom: 3rem !important; | |
| margin-bottom: 3rem !important; } | |
| .mb4 { | |
| margin-bottom: 4rem !important; | |
| margin-bottom: 4rem !important; } | |
| .mb-1 { | |
| margin-bottom: -1rem !important; | |
| margin-bottom: -1rem !important; } | |
| .mb-2 { | |
| margin-bottom: -2rem !important; | |
| margin-bottom: -2rem !important; } | |
| .mb-3 { | |
| margin-bottom: -3rem !important; | |
| margin-bottom: -3rem !important; } | |
| .mb-4 { | |
| margin-bottom: -4rem !important; | |
| margin-bottom: -4rem !important; } | |
| .pt1 { | |
| padding-top: 1rem !important; | |
| padding-top: 1rem !important; } | |
| .pt2 { | |
| padding-top: 2rem !important; | |
| padding-top: 2rem !important; } | |
| .pt3 { | |
| padding-top: 3rem !important; | |
| padding-top: 3rem !important; } | |
| .pt4 { | |
| padding-top: 4rem !important; | |
| padding-top: 4rem !important; } | |
| .pb1 { | |
| padding-bottom: 1rem !important; | |
| padding-bottom: 1rem !important; } | |
| .pb2 { | |
| padding-bottom: 2rem !important; | |
| padding-bottom: 2rem !important; } | |
| .pb3 { | |
| padding-bottom: 3rem !important; | |
| padding-bottom: 3rem !important; } | |
| .pb4 { | |
| padding-bottom: 4rem !important; | |
| padding-bottom: 4rem !important; } | |
| .gallery { | |
| margin-left: -6px !important; | |
| margin-left: -0.42857rem !important; } | |
| .gallery .gallery-item { | |
| margin: 0 0 12px 0; | |
| margin: 0 0 0.85714rem 0; | |
| padding-left: 6px; | |
| padding-left: 0.42857rem; } | |
| .gallery .gallery-icon img { | |
| width: 100%; | |
| border: 0 !important; } | |
| .gallery .gallery-caption { | |
| padding: 0; | |
| margin: 0; | |
| line-height: 1.5; } | |
| .divider--pointer { | |
| background: url("../images/pointer.png") top left repeat; } | |
| blockquote:before, .separator--subsection, .wp-caption { | |
| background: url("../images/striped.png") top left repeat; } | |
| /*---------------------------------*\ | |
| MASSONRY POST LAYOUT | |
| \*---------------------------------*/ | |
| [data-columns]::before { | |
| display: none; } | |
| .masonry__item, [data-columns] > div { | |
| display: inline-block; | |
| padding-left: 24px; | |
| vertical-align: top; } | |
| .masonry__item-wrapper.grid__item > .masonry__item, .masonry__item-wrapper.featured-area__article > .masonry__item, .masonry__item-wrapper.featured-area__aside > .masonry__item, .masonry__item-wrapper.logged-in-as > .masonry__item, .masonry__item-wrapper.comment-form-author > .masonry__item, | |
| .masonry__item-wrapper.comment-form-email > .masonry__item, | |
| .masonry__item-wrapper.comment-form-url > .masonry__item, .masonry__item-wrapper.comment-form-comment > .masonry__item, | |
| .masonry__item-wrapper.form-submit > .masonry__item, | |
| .masonry__item-wrapper.comment-subscription-form > .masonry__item, [data-columns].masonry__item-wrapper.grid__item > div, [data-columns].masonry__item-wrapper.featured-area__article > div, [data-columns].masonry__item-wrapper.featured-area__aside > div, [data-columns].masonry__item-wrapper.logged-in-as > div, [data-columns].masonry__item-wrapper.comment-form-author > div, | |
| [data-columns].masonry__item-wrapper.comment-form-email > div, | |
| [data-columns].masonry__item-wrapper.comment-form-url > div, [data-columns].masonry__item-wrapper.comment-form-comment > div, | |
| [data-columns].masonry__item-wrapper.form-submit > div, | |
| [data-columns].masonry__item-wrapper.comment-subscription-form > div { | |
| width: 100%; | |
| padding-left: 0; } | |
| @media screen and (max-width: 599px) { | |
| [data-columns]::before { | |
| content: '1 .grid__item.one-whole .masonry__item-wrapper'; } | |
| [data-columns] .masonry__item, [data-columns] > div { | |
| width: 100%; } } | |
| @media screen and (min-width: 600px) and (max-width: 899px) { | |
| [data-columns]::before { | |
| content: '2 .grid__item.one-half .masonry__item-wrapper'; } | |
| [data-columns] .masonry__item, [data-columns] > div { | |
| width: 50%; } } | |
| @media screen and (min-width: 900px) and (max-width: 1023px) { | |
| [data-columns]::before { | |
| content: '1 .grid__item.one-whole .masonry__item-wrapper'; } | |
| [data-columns] .masonry__item, [data-columns] > div { | |
| width: 100%; } | |
| [data-columns].fullwidth::before { | |
| content: '2 .grid__item.one-half .masonry__item-wrapper'; } | |
| [data-columns].fullwidth > div, [data-columns].fullwidth .masonry__item, [data-columns].fullwidth [data-columns] > div { | |
| width: 50%; } } | |
| @media screen and (min-width: 1024px) { | |
| [data-columns]::before { | |
| content: '2 .grid__item.one-half .masonry__item-wrapper'; } | |
| [data-columns] .masonry__item, [data-columns] > div { | |
| width: 50%; } | |
| [data-columns].fullwidth::before { | |
| content: '3 .grid__item.one-third .masonry__item-wrapper'; } | |
| [data-columns].fullwidth > div, [data-columns].fullwidth .masonry__item, [data-columns].fullwidth [data-columns] > div { | |
| width: 33.33%; } } | |
| /*---------------------------------*\ | |
| CLASSIC POST LAYOUT | |
| \*---------------------------------*/ | |
| .classic > div { | |
| width: 100%; | |
| text-align: left; | |
| margin-bottom: 5px; | |
| margin-bottom: 0.35714rem; } | |
| .classic > div:last-child hr { | |
| display: none; } | |
| .classic .media__img--rev { | |
| float: left; | |
| margin-left: 0; } | |
| .classic .article__title, .classic .article--list__title, .classic .latest-comments__title { | |
| height: auto; | |
| line-height: 1.2; | |
| width: 100%; | |
| position: relative; } | |
| .classic .article--grid__body { | |
| padding: 0; } | |
| .classic .article__content { | |
| padding: 0; | |
| text-align: left; } | |
| .classic .article__category a { | |
| margin-right: 6px; } | |
| .classic .article__category a:hover:after { | |
| text-decoration: none; } | |
| .classic .article__category a:after { | |
| content: "|"; | |
| color: #1a1717; | |
| position: relative; | |
| top: -1px; | |
| margin-left: 6px; } | |
| .classic .article__category a:last-child:after { | |
| content: ""; } | |
| .single .main { | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; } | |
| .form-search { | |
| position: relative; | |
| width: 100%; | |
| height: 36px; | |
| height: 2.57143rem; } | |
| .search-query { | |
| width: auto !important; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; | |
| border: 1px solid #ddd; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| right: 48px; | |
| right: 3.42857rem; | |
| outline: none !important; | |
| line-height: 1.2; | |
| padding: 8px 12px; } | |
| .search-submit { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| height: 44px; | |
| font-size: 14px; | |
| font-size: 1rem; | |
| line-height: 1.72429; | |
| width: 48px; | |
| width: 3.42857rem; | |
| padding: 6px; | |
| padding: 0.42857rem; | |
| text-align: center; } | |
| @media only screen and (min-width: 900px) { | |
| .search-form--404 { | |
| width: 50%; } } | |
| /*-----------------------------------------------*\ | |
| SHARE LINKS | |
| \*-----------------------------------------------*/ | |
| #share-box ul { | |
| text-align: center; } | |
| @media only screen and (max-width: 899px) { | |
| #share-box .share-total { | |
| display: block; } } | |
| .share-item { | |
| text-align: center; | |
| margin-left: 12px; | |
| cursor: pointer; } | |
| .share-item__icon i.pixcode--icon.circle { | |
| color: #fff; | |
| font-size: 16px; | |
| line-height: 32px; | |
| width: 32px; | |
| height: 32px; | |
| -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8); | |
| -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8); | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8); | |
| background-color: #4c4a4a; } | |
| .share-item__icon i.pixcode--icon.circle:before { | |
| margin: 0; | |
| line-height: 2; } | |
| .share-item__icon:hover i.pixcode--icon.circle { | |
| -webkit-box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset; | |
| -moz-box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset; | |
| box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset; } | |
| .share-item__value { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; } | |
| @media only screen and (max-width: 899px) { | |
| .share-total, .share-item:first-child { | |
| margin-left: 0; } } | |
| @media only screen and (min-width: 900px) { | |
| .share-total { | |
| border-left: 1px solid #1a1717; | |
| padding-left: 24px; | |
| margin-left: 24px; } } | |
| .share-total__value { | |
| font-size: 32px; | |
| font-size: 2.28571rem; | |
| line-height: 1.135; | |
| font-family: "Arvo", serif; | |
| position: relative; | |
| top: 2px; } | |
| .share-total__title { | |
| font-size: 12px; | |
| font-size: 0.85714rem; | |
| line-height: 2.01; | |
| color: #807f7e; | |
| text-transform: uppercase; } | |
| #pixlikes i { | |
| background-color: #232323; } | |
| #twitter i { | |
| background-color: #00aced; } | |
| #facebook i { | |
| background-color: #0b59aa; } | |
| #gplus i { | |
| background-color: #d84d2f; } | |
| #pinterest i { | |
| background-color: #ce1c1e; } | |
| #linkedin i { | |
| background-color: #0375b3; } | |
| #buffer i { | |
| background-color: #232323; } | |
| .social-icon-link { | |
| display: block; | |
| background-color: #1a1717; | |
| color: #807f7e; | |
| text-align: center; | |
| -webkit-transition: all 0.15s; | |
| -moz-transition: all 0.15s; | |
| -o-transition: all 0.15s; | |
| transition: all 0.15s; } | |
| .social-icon-link:hover .square, .social-icon-link:focus .square, .social-icon-link:active .square { | |
| background-color: #fb4834 !important; | |
| color: white !important; } | |
| .pagination { | |
| border: none; | |
| text-align: center; | |
| margin: 48px 0; | |
| margin: 3.42857rem 0; | |
| padding-left: 0; } | |
| .pagination .pagination-item--current span { | |
| background-color: #fb4834; | |
| color: white; | |
| display: inline-block; } | |
| .pagination .pagination-item--prev a:before, .pagination .pagination-item--prev a:after, .pagination .pagination-item--next a:before, .pagination .pagination-item--next a:after { | |
| display: inline-block; | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| width: 10px; | |
| width: 0.71429rem; | |
| height: 10px; | |
| height: 0.71429rem; | |
| margin: 0 6px; | |
| margin: 0 0.42857rem; | |
| border-color: #1a1717; | |
| border-width: 2px; | |
| -webkit-transition: all 0.15s linear; | |
| -moz-transition: all 0.15s linear; | |
| -o-transition: all 0.15s linear; | |
| transition: all 0.15s linear; } | |
| .pagination .pagination-item--prev a:hover:before, .pagination .pagination-item--prev a:hover:after, .pagination .pagination-item--next a:hover:before, .pagination .pagination-item--next a:hover:after { | |
| border-color: white; } | |
| .pagination .pagination-item--prev { | |
| margin-right: 24px; | |
| margin-right: 1.71429rem; } | |
| .pagination .pagination-item--prev a:before { | |
| content: ''; | |
| border-left-style: solid; | |
| border-bottom-style: solid; } | |
| .pagination .pagination-item--next { | |
| margin-left: 24px; | |
| margin-left: 1.71429rem; } | |
| .pagination .pagination-item--next a:after { | |
| content: ''; | |
| border-right-style: solid; | |
| border-top-style: solid; } | |
| .pagination li { | |
| margin-right: 2px; | |
| margin-right: 0.14286rem; } | |
| .pagination li a, .pagination li span { | |
| padding: 6px 12px; | |
| padding: 0.42857rem 0.85714rem; | |
| color: black; | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; | |
| font-family: "Arvo"; | |
| text-transform: uppercase; | |
| -webkit-transition: all 0.15s linear; | |
| -moz-transition: all 0.15s linear; | |
| -o-transition: all 0.15s linear; | |
| transition: all 0.15s linear; } | |
| .pagination li a:hover, .pagination li span:hover { | |
| background-color: #fb4834; | |
| color: white; } | |
| .pagination li .page-numbers.dots:hover { | |
| background: white; | |
| color: #1a1717; } | |
| .rsArrow .rsArrowIcn { | |
| height: 26px; | |
| height: 1.85714rem; | |
| width: 26px; | |
| width: 1.85714rem; | |
| margin: 0 20px; | |
| margin: 0 1.42857rem; | |
| border-color: white; } | |
| .sub-menu--mega .rsArrow .rsArrowIcn { | |
| height: 20px; | |
| height: 1.42857rem; | |
| width: 20px; | |
| width: 1.42857rem; } | |
| @media only screen and (max-width: 899px) { | |
| .billboard .rsArrow { | |
| top: 30%; } } | |
| @media only screen and (min-width: 1366px) { | |
| .arrows--outside .rsArrow .rsArrowIcn { | |
| height: 45px; | |
| height: 3.21429rem; | |
| width: 45px; | |
| width: 3.21429rem; | |
| border-color: black; } | |
| .arrows--outside .rsArrow.rsArrowLeft { | |
| left: -12%; } | |
| .arrows--outside .rsArrow.rsArrowRight { | |
| right: -12%; } } | |
| /** | |
| * On fade transition the arrows disappear | |
| */ | |
| .rsArrow { | |
| z-index: 10; } | |
| .arrows--outside .rsArrow { | |
| top: 0; | |
| height: 100%; } | |
| .arrows--outside .rsArrow .rsArrowIcn { | |
| top: 45%; | |
| position: relative; } | |
| .single-post .arrows--outside .rsArrow { | |
| height: 100%; } | |
| @media only screen and (max-width: 899px) { | |
| .billboard.arrows--outside .rsArrow { | |
| height: 80%; } } | |
| @media only screen and (min-width: 900px) { | |
| .arrows--outside .rsArrow .rsArrowIcn { | |
| top: 50%; | |
| position: relative; } } | |
| img[width], img[height] { | |
| max-width: 100%; | |
| height: auto; } | |
| .block-list--alt { | |
| border-top-width: 0; | |
| margin-top: 0; | |
| margin-bottom: -12px; | |
| margin-bottom: -0.85714rem; } | |
| .block-list--alt > li { | |
| border-bottom-width: 0; | |
| padding: 0; | |
| padding-bottom: 12px; | |
| padding-bottom: 0.85714rem; } | |
| .block-list--alt > li + li { | |
| border-top-width: 1px; | |
| padding-top: 12px; | |
| padding-top: 0.85714rem; } | |
| /*----------------------------------*\ | |
| FEATURED | |
| \*----------------------------------*/ | |
| @-webkit-keyframes post-format-icon-border { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: rotateX(-360deg) rotateY(-270deg) scale(0.5); } | |
| 60% { | |
| -webkit-transform: rotateX(-120deg) rotateY(-30deg) scale(1.25); } | |
| 75% { | |
| -webkit-transform: rotateX(30deg) rotateY(15deg); } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; } } | |
| @-webkit-keyframes post-format-icon-background { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.5); } | |
| 30% { | |
| -webkit-transform: scale(1.2); } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; } } | |
| .post-format-icon { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 50; | |
| width: 102px; | |
| width: 7.28571rem; | |
| height: 102px; | |
| height: 7.28571rem; | |
| margin-top: -57px; | |
| margin-top: -4.07143rem; | |
| margin-left: -51px; | |
| margin-left: -3.64286rem; | |
| font-size: 41px; | |
| font-size: 2.92857rem; | |
| line-height: 2.3; | |
| color: white; | |
| text-align: center; | |
| -webkit-transform: translateZ(0); | |
| -moz-transform: translateZ(0); | |
| -ms-transform: translateZ(0); | |
| -o-transform: translateZ(0); | |
| transform: translateZ(0); | |
| background-color: rgba(255, 255, 255, 0.25); | |
| background-clip: content-box; | |
| border: 0px solid transparent; | |
| border-width: 5px; | |
| border-width: 0.35714rem; | |
| -webkit-box-shadow: 0 0 0 0.35714rem white; | |
| -moz-box-shadow: 0 0 0 0.35714rem white; | |
| box-shadow: 0 0 0 0.35714rem white; | |
| border-radius: 50%; | |
| pointer-events: none; } | |
| .post-format-icon .icon-camera { | |
| margin-left: 2px; | |
| margin-left: 0.14286rem; } | |
| .post-format-icon .icon-play { | |
| margin-left: 8px; | |
| margin-left: 0.57143rem; } | |
| .post-format-icon--featured { | |
| width: 80px; | |
| height: 80px; | |
| margin-top: -70px; | |
| margin-left: -40px; | |
| font-size: 30px; | |
| font-size: 2.14286rem; | |
| line-height: 2.4; } | |
| @media only screen and (min-width: 900px) { | |
| .post-format-icon--featured { | |
| width: 150px; | |
| width: 10.71429rem; | |
| height: 150px; | |
| height: 10.71429rem; | |
| margin-top: -75px; | |
| margin-top: -5.35714rem; | |
| margin-left: -75px; | |
| margin-left: -5.35714rem; | |
| font-size: 58px; | |
| font-size: 4.14286rem; } | |
| .post-format-icon--featured .icon-camera { | |
| margin-left: 4px; | |
| margin-left: 0.28571rem; } | |
| .post-format-icon--featured .icon-play { | |
| margin-left: 14px; | |
| margin-left: 1rem; } } | |
| .wp-smiley { | |
| width: auto !important; | |
| display: inline-block; } | |
| @media only screen and (max-width: 899px) { | |
| .content--404 { | |
| margin-bottom: 48px; | |
| margin-bottom: 3.42857rem; } } | |
| .no-slides-message { | |
| text-align: center; | |
| color: #bbb; | |
| margin-top: 24px; | |
| margin-top: 1.71429rem; | |
| font-size: 16px; | |
| font-size: 1.14286rem; | |
| line-height: 1.51; } | |
| /** | |
| * Arrows need to be offset so .pixslider must have overflow visible | |
| */ | |
| .pixslider { | |
| overflow: visible; } | |
| .category__featured-posts { | |
| margin-bottom: 24px; | |
| margin-bottom: 1.71429rem; | |
| position: relative; } | |
| .category__featured-posts img { | |
| display: block; } | |
| .category__featured-posts .featured-area__article { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| position: relative; | |
| height: 100%; | |
| width: 100%; | |
| display: block; } | |
| .category__featured-posts .featured-area__article .image-wrap { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| padding: 0; } | |
| .category__featured-posts .featured-area__article .image-wrap img { | |
| max-width: none; | |
| position: relative; } | |
| .category__featured-posts .featured-area__article .image-wrap .article__title .hN, .category__featured-posts .featured-area__article .image-wrap .article--list__title .hN, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .hN, .category__featured-posts .featured-area__article .image-wrap .article__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .article--list__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .article__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .article--list__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .article__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .article--list__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .article__title .score__label, .category__featured-posts .featured-area__article .image-wrap .article--list__title .score__label, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .score__label, .category__featured-posts .featured-area__article .image-wrap .article__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .article__title caption, .category__featured-posts .featured-area__article .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .article--list__title caption, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .latest-comments__title caption { | |
| width: 100%; | |
| font-size: 23px; | |
| font-size: 1.64286rem; | |
| line-height: 1.05348; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment