Created
December 16, 2024 20:08
-
-
Save Kingo4luv/0cef40aaebfac32fc758c531d340c1b0 to your computer and use it in GitHub Desktop.
This file contains hidden or 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"; | |
| /* | |
| * Color Variables | |
| */ | |
| /* | |
| * Layout Variables | |
| */ | |
| /* | |
| * Layout Variables | |
| */ | |
| /* | |
| * General Breakpoints | |
| */ | |
| /* | |
| * Animation Speeds | |
| */ | |
| /* | |
| * vMargin($margin) | |
| * Creates equal vertical margins between elements | |
| * $margin : The margin amount (default 20px) | |
| */ | |
| /* | |
| * hMargin($margin) | |
| * Creates equal horizontal margins between elements | |
| * $margin : The margin amount (default 20px) | |
| */ | |
| /* | |
| * delist() | |
| * Removes default styling from list elements (UL & OL) | |
| */ | |
| /* | |
| * hideText() | |
| * Hides text within an element in an accessible manner | |
| */ | |
| /* | |
| * textOverflow() | |
| * Forces an ellipsis on overflowing text | |
| */ | |
| /* | |
| * clearfix() | |
| * Clears contained floated elements | |
| */ | |
| /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. | |
| */ | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| /** | |
| * 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 7/8/9, Firefox 3, and Safari 4. | |
| * Known issue: no IE 6 support. | |
| */ | |
| [hidden] { | |
| display: none; | |
| } | |
| /* ========================================================================== | |
| Base | |
| ========================================================================== */ | |
| /** | |
| * 1. Set base size to 10px (Used as a multiplier for REMSs i.e.; 1.5rem = 15px) | |
| * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| * user zoom. | |
| */ | |
| /* html { | |
| font-size: 62.5%; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| } */ | |
| /** | |
| * Address `font-family` inconsistency between `textarea` and other form | |
| * elements. | |
| */ | |
| html, | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-family: sans-serif; | |
| } | |
| /** | |
| * Address margins handled incorrectly in IE 6/7. | |
| */ | |
| body { | |
| margin: 0; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| /* ========================================================================== | |
| Typography | |
| ========================================================================== */ | |
| /** | |
| * Address styling not present in IE 7/8/9, Safari 5, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| blockquote { | |
| margin: 1em 40px; | |
| } | |
| /** | |
| * Address styling not present in Safari 5 and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| * Known issue: no IE 6/7 normalization. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Address styling not present in IE 6/7/8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Address margins set differently in IE 6/7. | |
| */ | |
| p, | |
| pre { | |
| margin: 1em 0; | |
| } | |
| /** | |
| * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, serif; | |
| _font-family: "courier new", monospace; | |
| font-size: 0.9em; | |
| } | |
| /** | |
| * Improve readability of pre-formatted text in all browsers. | |
| */ | |
| pre { | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| /** | |
| * Address CSS quotes not supported in IE 6/7. | |
| */ | |
| q { | |
| quotes: none; | |
| } | |
| /** | |
| * Address `quotes` property not supported in Safari 4. | |
| */ | |
| q:before, | |
| q:after { | |
| content: ""; | |
| content: none; | |
| } | |
| /** | |
| * 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; | |
| } | |
| /* ========================================================================== | |
| Lists | |
| ========================================================================== */ | |
| /** | |
| * Address margins set differently in IE 6/7. | |
| */ | |
| dl, | |
| menu, | |
| ol, | |
| ul { | |
| margin: 1em 0; | |
| } | |
| dd { | |
| margin: 0 0 0 40px; | |
| } | |
| /** | |
| * Address paddings set differently in IE 6/7. | |
| */ | |
| menu, | |
| ol, | |
| ul { | |
| padding: 0 0 0 40px; | |
| } | |
| /** | |
| * Correct list images handled incorrectly in IE 7. | |
| */ | |
| nav ul, | |
| nav ol { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| /* ========================================================================== | |
| Embedded content | |
| ========================================================================== */ | |
| /** | |
| * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. | |
| * 2. Improve image quality when scaled in IE 7. | |
| */ | |
| img { | |
| max-width: 100%; | |
| height: auto !important; | |
| vertical-align: middle; | |
| border: 0; /* 1 */ | |
| -ms-interpolation-mode: bicubic; /* 2 */ | |
| } | |
| /** | |
| * Correct overflow displayed oddly in IE 9. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /** | |
| * Correct IE 9 - 11 SVG Scaling bug. | |
| */ | |
| /* .ie9 img[src*=".svg"] { | |
| width: 100%; | |
| } | |
| @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | |
| img[src*=".svg"] { | |
| width: 100%; | |
| } | |
| } */ | |
| /* ========================================================================== | |
| Figures | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. | |
| */ | |
| figure { | |
| margin: 0; | |
| } | |
| /* ========================================================================== | |
| Forms | |
| ========================================================================== */ | |
| /** | |
| * Correct margin displayed oddly in IE 6/7. | |
| */ | |
| form { | |
| margin: 0; | |
| } | |
| /** | |
| * Define consistent border, margin, and padding. | |
| */ | |
| fieldset { | |
| border: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * 1. Correct color not being inherited in IE 6/7/8/9. | |
| * 2. Correct text not wrapping in Firefox 3. | |
| * 3. Correct alignment displayed oddly in IE 6/7. | |
| */ | |
| legend { | |
| border: 0; /* 1 */ | |
| padding: 0; | |
| white-space: normal; /* 2 */ | |
| *margin-left: -7px; /* 3 */ | |
| } | |
| /** | |
| * 1. Correct font size not being inherited in all browsers. | |
| * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, | |
| * and Chrome. | |
| * 3. Improve appearance and consistency in all browsers. | |
| */ | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-size: 100%; /* 1 */ | |
| margin: 0; /* 2 */ | |
| vertical-align: baseline; /* 3 */ | |
| *vertical-align: middle; /* 3 */ | |
| } | |
| /** | |
| * Address Firefox 3+ 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 6+. | |
| * 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. | |
| * 4. Remove inner spacing in IE 7 without affecting normal text inputs. | |
| * Known issue: inner spacing remains in IE 6. | |
| */ | |
| button, | |
| html input[type=button], | |
| input[type=reset], | |
| input[type=submit] { | |
| -webkit-appearance: button; /* 2 */ | |
| cursor: pointer; /* 3 */ | |
| *overflow: visible; /* 4 */ | |
| } | |
| /** | |
| * 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. | |
| * 3. Remove excess padding in IE 7. | |
| * Known issue: excess padding remains in IE 6. | |
| */ | |
| input[type=checkbox], | |
| input[type=radio] { | |
| box-sizing: border-box; /* 1 */ | |
| padding: 0; /* 2 */ | |
| *height: 13px; /* 3 */ | |
| *width: 13px; /* 3 */ | |
| } | |
| /** | |
| * 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: border-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 3+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * 1. Remove default vertical scrollbar in IE 6/7/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 { | |
| width: 100%; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* ========================================================================== | |
| Box Sizing | |
| ========================================================================== */ | |
| /** | |
| * Set Box sizing to border-box on everything | |
| */ | |
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: border-box; | |
| } | |
| /* | |
| * Import Google Fonts Here | |
| */ | |
| @font-face { | |
| font-family: "Helvetica Neue Light"; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: local("Helvetica Neue Light"), url("/assets/fonts/HelveticaNeueLight.woff") format("woff"); | |
| } | |
| /* | |
| * Font Faces | |
| */ | |
| /* | |
| * Font Weights | |
| */ | |
| /* | |
| * Set Base Typography | |
| */ | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 15px; | |
| font-weight: normal; | |
| font-style: normal; | |
| line-height: 1.5em; | |
| color: rgb(0, 0, 0); | |
| -webkit-font-smoothing: antialiased; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .u-tx-weight--bold { | |
| font-weight: bold; | |
| } | |
| .u-tx-weight--normal { | |
| font-weight: normal; | |
| } | |
| .u-tx-weight--light { | |
| font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; | |
| font-weight: normal !important; | |
| } | |
| .u-tx-align--left { | |
| text-align: left; | |
| } | |
| .u-tx-align--center { | |
| text-align: center; | |
| } | |
| .u-tx-align--right { | |
| text-align: right; | |
| } | |
| .u-tx-case--upper { | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| .u-tx-case--lower { | |
| text-transform: lowercase; | |
| } | |
| .u-tx-style--italic { | |
| font-style: italic; | |
| } | |
| .u-tx-style--normal { | |
| font-style: normal !important; | |
| } | |
| .u-tx-color--black { | |
| color: rgb(0, 0, 0); | |
| } | |
| .u-tx-color--black a { | |
| text-decoration: none; | |
| color: rgb(0, 0, 0); | |
| border-bottom: 1px solid rgb(0, 0, 0); | |
| } | |
| .u-tx-color--grey-dark { | |
| color: rgb(26, 26, 26); | |
| } | |
| .u-tx-color--grey-dark a { | |
| text-decoration: none; | |
| color: rgb(26, 26, 26); | |
| border-bottom: 1px solid rgb(26, 26, 26); | |
| } | |
| .u-tx-color--grey { | |
| color: rgb(118, 118, 118); | |
| } | |
| .u-tx-color--grey a { | |
| text-decoration: none; | |
| color: rgb(118, 118, 118); | |
| border-bottom: 1px solid rgb(118, 118, 118); | |
| } | |
| .u-tx-color--grey-medium { | |
| color: rgb(178, 178, 178); | |
| } | |
| .u-tx-color--grey-medium a { | |
| text-decoration: none; | |
| color: rgb(178, 178, 178); | |
| border-bottom: 1px solid rgb(178, 178, 178); | |
| } | |
| .u-tx-color--grey-light { | |
| color: rgb(242, 242, 242); | |
| } | |
| .u-tx-color--grey-light a { | |
| text-decoration: none; | |
| color: rgb(242, 242, 242); | |
| border-bottom: 1px solid rgb(242, 242, 242); | |
| } | |
| .u-tx-color--white { | |
| color: rgb(255, 255, 255); | |
| } | |
| .u-tx-color--white a { | |
| text-decoration: none; | |
| color: rgb(255, 255, 255); | |
| border-bottom: 1px solid rgb(255, 255, 255); | |
| } | |
| .u-tx-links--underline a { | |
| border-bottom-width: 1px !important; | |
| border-bottom-style: solid !important; | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .u-tx-links--underline.u-tx-color--black a { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .u-tx-links--underline.u-tx-color--white a { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .u-tx-links--underline.u-tx-color--grey-medium a { | |
| border-bottom-color: rgb(178, 178, 178); | |
| } | |
| .u-tx-links--underline.u-tx-color--grey-medium a:hover { | |
| border-bottom: 1px solid rgb(217, 217, 217); | |
| } | |
| .u-bg-color--black { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .u-bg-color--grey-dark { | |
| background-color: rgb(26, 26, 26); | |
| } | |
| .u-bg-color--grey { | |
| background-color: rgb(118, 118, 118); | |
| } | |
| .u-bg-color--grey-medium { | |
| background-color: rgb(178, 178, 178); | |
| } | |
| .u-bg-color--grey-light { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .u-bg-color--white { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .u-is-hidden { | |
| display: none; | |
| } | |
| .sr-only { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| opacity: 0.001; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| } | |
| .u-device--mobile-w-only, | |
| .u-device--mobile-w-and-up, | |
| .u-device--tablet-only, | |
| .u-device--tablet-and-up, | |
| .u-device--tablet-w-only, | |
| .u-device--tablet-w-and-up, | |
| .u-device--desktop-only, | |
| .u-device--desktop-and-up, | |
| .u-device--desktop-w-only { | |
| display: none; | |
| } | |
| @media screen and (min-width: 480px) { | |
| .u-device--mobile-w-only, | |
| .u-device--mobile-w-and-up { | |
| display: block; | |
| } | |
| .u-device--mobile-only { | |
| display: none !important; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .u-device--tablet-only, | |
| .u-device--tablet-and-up { | |
| display: block; | |
| } | |
| .u-device--mobile-w-only { | |
| display: none; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .u-device--tablet-w-only, | |
| .u-device--tablet-w-and-up { | |
| display: block; | |
| } | |
| .u-device--tablet-only { | |
| display: none; | |
| } | |
| } | |
| @media screen and (min-width: 1140px) { | |
| .u-device--desktop-only, | |
| .u-device--desktop-and-up { | |
| display: block; | |
| } | |
| .u-device--tablet-w-only { | |
| display: none; | |
| } | |
| } | |
| @media screen and (min-width: 1300px) { | |
| .u-device--desktop-w-only { | |
| display: block; | |
| } | |
| .u-device--desktop-only { | |
| display: none; | |
| } | |
| } | |
| /*! | |
| * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| */ | |
| .fa, | |
| .fas, | |
| .far, | |
| .fal, | |
| .fad, | |
| .fab { | |
| -moz-osx-font-smoothing: grayscale; | |
| -webkit-font-smoothing: antialiased; | |
| display: inline-block; | |
| font-style: normal; | |
| font-variant: normal; | |
| text-rendering: auto; | |
| line-height: 1; | |
| } | |
| .fa-lg { | |
| font-size: 1.3333333333em; | |
| line-height: 0.75em; | |
| vertical-align: -0.0667em; | |
| } | |
| .fa-xs { | |
| font-size: 0.75em; | |
| } | |
| .fa-sm { | |
| font-size: 0.875em; | |
| } | |
| .fa-1x { | |
| font-size: 1em; | |
| } | |
| .fa-2x { | |
| font-size: 2em; | |
| } | |
| .fa-3x { | |
| font-size: 3em; | |
| } | |
| .fa-4x { | |
| font-size: 4em; | |
| } | |
| .fa-5x { | |
| font-size: 5em; | |
| } | |
| .fa-6x { | |
| font-size: 6em; | |
| } | |
| .fa-7x { | |
| font-size: 7em; | |
| } | |
| .fa-8x { | |
| font-size: 8em; | |
| } | |
| .fa-9x { | |
| font-size: 9em; | |
| } | |
| .fa-10x { | |
| font-size: 10em; | |
| } | |
| .fa-fw { | |
| text-align: center; | |
| width: 1.25em; | |
| } | |
| .fa-ul { | |
| list-style-type: none; | |
| margin-left: 2.5em; | |
| padding-left: 0; | |
| } | |
| .fa-ul > li { | |
| position: relative; | |
| } | |
| .fa-li { | |
| left: -2em; | |
| position: absolute; | |
| text-align: center; | |
| width: 2em; | |
| line-height: inherit; | |
| } | |
| .fa-border { | |
| border: solid 0.08em #eee; | |
| border-radius: 0.1em; | |
| padding: 0.2em 0.25em 0.15em; | |
| } | |
| .fa-pull-left { | |
| float: left; | |
| } | |
| .fa-pull-right { | |
| float: right; | |
| } | |
| .fa.fa-pull-left, | |
| .fas.fa-pull-left, | |
| .far.fa-pull-left, | |
| .fal.fa-pull-left, | |
| .fab.fa-pull-left { | |
| margin-right: 0.3em; | |
| } | |
| .fa.fa-pull-right, | |
| .fas.fa-pull-right, | |
| .far.fa-pull-right, | |
| .fal.fa-pull-right, | |
| .fab.fa-pull-right { | |
| margin-left: 0.3em; | |
| } | |
| .fa-spin { | |
| animation: fa-spin 2s infinite linear; | |
| } | |
| .fa-pulse { | |
| animation: fa-spin 1s infinite steps(8); | |
| } | |
| @keyframes fa-spin { | |
| 0% { | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| transform: rotate(360deg); | |
| } | |
| } | |
| .fa-rotate-90 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; | |
| transform: rotate(90deg); | |
| } | |
| .fa-rotate-180 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; | |
| transform: rotate(180deg); | |
| } | |
| .fa-rotate-270 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; | |
| transform: rotate(270deg); | |
| } | |
| .fa-flip-horizontal { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; | |
| transform: scale(-1, 1); | |
| } | |
| .fa-flip-vertical { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; | |
| transform: scale(1, -1); | |
| } | |
| .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; | |
| transform: scale(-1, -1); | |
| } | |
| :root .fa-rotate-90, | |
| :root .fa-rotate-180, | |
| :root .fa-rotate-270, | |
| :root .fa-flip-horizontal, | |
| :root .fa-flip-vertical, | |
| :root .fa-flip-both { | |
| filter: none; | |
| } | |
| .fa-stack { | |
| display: inline-block; | |
| height: 2em; | |
| line-height: 2em; | |
| position: relative; | |
| vertical-align: middle; | |
| width: 2.5em; | |
| } | |
| .fa-stack-1x, | |
| .fa-stack-2x { | |
| left: 0; | |
| position: absolute; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .fa-stack-1x { | |
| line-height: inherit; | |
| } | |
| .fa-stack-2x { | |
| font-size: 2em; | |
| } | |
| .fa-inverse { | |
| color: #fff; | |
| } | |
| /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | |
| readers do not read off random characters that represent icons */ | |
| .fa-500px:before { | |
| content: "\f26e"; | |
| } | |
| .fa-accessible-icon:before { | |
| content: "\f368"; | |
| } | |
| .fa-accusoft:before { | |
| content: "\f369"; | |
| } | |
| .fa-acquisitions-incorporated:before { | |
| content: "\f6af"; | |
| } | |
| .fa-ad:before { | |
| content: "\f641"; | |
| } | |
| .fa-address-book:before { | |
| content: "\f2b9"; | |
| } | |
| .fa-address-card:before { | |
| content: "\f2bb"; | |
| } | |
| .fa-adjust:before { | |
| content: "\f042"; | |
| } | |
| .fa-adn:before { | |
| content: "\f170"; | |
| } | |
| .fa-adversal:before { | |
| content: "\f36a"; | |
| } | |
| .fa-affiliatetheme:before { | |
| content: "\f36b"; | |
| } | |
| .fa-air-freshener:before { | |
| content: "\f5d0"; | |
| } | |
| .fa-airbnb:before { | |
| content: "\f834"; | |
| } | |
| .fa-algolia:before { | |
| content: "\f36c"; | |
| } | |
| .fa-align-center:before { | |
| content: "\f037"; | |
| } | |
| .fa-align-justify:before { | |
| content: "\f039"; | |
| } | |
| .fa-align-left:before { | |
| content: "\f036"; | |
| } | |
| .fa-align-right:before { | |
| content: "\f038"; | |
| } | |
| .fa-alipay:before { | |
| content: "\f642"; | |
| } | |
| .fa-allergies:before { | |
| content: "\f461"; | |
| } | |
| .fa-amazon:before { | |
| content: "\f270"; | |
| } | |
| .fa-amazon-pay:before { | |
| content: "\f42c"; | |
| } | |
| .fa-ambulance:before { | |
| content: "\f0f9"; | |
| } | |
| .fa-american-sign-language-interpreting:before { | |
| content: "\f2a3"; | |
| } | |
| .fa-amilia:before { | |
| content: "\f36d"; | |
| } | |
| .fa-anchor:before { | |
| content: "\f13d"; | |
| } | |
| .fa-android:before { | |
| content: "\f17b"; | |
| } | |
| .fa-angellist:before { | |
| content: "\f209"; | |
| } | |
| .fa-angle-double-down:before { | |
| content: "\f103"; | |
| } | |
| .fa-angle-double-left:before { | |
| content: "\f100"; | |
| } | |
| .fa-angle-double-right:before { | |
| content: "\f101"; | |
| } | |
| .fa-angle-double-up:before { | |
| content: "\f102"; | |
| } | |
| .fa-angle-down:before { | |
| content: "\f107"; | |
| } | |
| .fa-angle-left:before { | |
| content: "\f104"; | |
| } | |
| .fa-angle-right:before { | |
| content: "\f105"; | |
| } | |
| .fa-angle-up:before { | |
| content: "\f106"; | |
| } | |
| .fa-angry:before { | |
| content: "\f556"; | |
| } | |
| .fa-angrycreative:before { | |
| content: "\f36e"; | |
| } | |
| .fa-angular:before { | |
| content: "\f420"; | |
| } | |
| .fa-ankh:before { | |
| content: "\f644"; | |
| } | |
| .fa-app-store:before { | |
| content: "\f36f"; | |
| } | |
| .fa-app-store-ios:before { | |
| content: "\f370"; | |
| } | |
| .fa-apper:before { | |
| content: "\f371"; | |
| } | |
| .fa-apple:before { | |
| content: "\f179"; | |
| } | |
| .fa-apple-alt:before { | |
| content: "\f5d1"; | |
| } | |
| .fa-apple-pay:before { | |
| content: "\f415"; | |
| } | |
| .fa-archive:before { | |
| content: "\f187"; | |
| } | |
| .fa-archway:before { | |
| content: "\f557"; | |
| } | |
| .fa-arrow-alt-circle-down:before { | |
| content: "\f358"; | |
| } | |
| .fa-arrow-alt-circle-left:before { | |
| content: "\f359"; | |
| } | |
| .fa-arrow-alt-circle-right:before { | |
| content: "\f35a"; | |
| } | |
| .fa-arrow-alt-circle-up:before { | |
| content: "\f35b"; | |
| } | |
| .fa-arrow-circle-down:before { | |
| content: "\f0ab"; | |
| } | |
| .fa-arrow-circle-left:before { | |
| content: "\f0a8"; | |
| } | |
| .fa-arrow-circle-right:before { | |
| content: "\f0a9"; | |
| } | |
| .fa-arrow-circle-up:before { | |
| content: "\f0aa"; | |
| } | |
| .fa-arrow-down:before { | |
| content: "\f063"; | |
| } | |
| .fa-arrow-left:before { | |
| content: "\f060"; | |
| } | |
| .fa-arrow-right:before { | |
| content: "\f061"; | |
| } | |
| .fa-arrow-up:before { | |
| content: "\f062"; | |
| } | |
| .fa-arrows-alt:before { | |
| content: "\f0b2"; | |
| } | |
| .fa-arrows-alt-h:before { | |
| content: "\f337"; | |
| } | |
| .fa-arrows-alt-v:before { | |
| content: "\f338"; | |
| } | |
| .fa-artstation:before { | |
| content: "\f77a"; | |
| } | |
| .fa-assistive-listening-systems:before { | |
| content: "\f2a2"; | |
| } | |
| .fa-asterisk:before { | |
| content: "\f069"; | |
| } | |
| .fa-asymmetrik:before { | |
| content: "\f372"; | |
| } | |
| .fa-at:before { | |
| content: "\f1fa"; | |
| } | |
| .fa-atlas:before { | |
| content: "\f558"; | |
| } | |
| .fa-atlassian:before { | |
| content: "\f77b"; | |
| } | |
| .fa-atom:before { | |
| content: "\f5d2"; | |
| } | |
| .fa-audible:before { | |
| content: "\f373"; | |
| } | |
| .fa-audio-description:before { | |
| content: "\f29e"; | |
| } | |
| .fa-autoprefixer:before { | |
| content: "\f41c"; | |
| } | |
| .fa-avianex:before { | |
| content: "\f374"; | |
| } | |
| .fa-aviato:before { | |
| content: "\f421"; | |
| } | |
| .fa-award:before { | |
| content: "\f559"; | |
| } | |
| .fa-aws:before { | |
| content: "\f375"; | |
| } | |
| .fa-baby:before { | |
| content: "\f77c"; | |
| } | |
| .fa-baby-carriage:before { | |
| content: "\f77d"; | |
| } | |
| .fa-backspace:before { | |
| content: "\f55a"; | |
| } | |
| .fa-backward:before { | |
| content: "\f04a"; | |
| } | |
| .fa-bacon:before { | |
| content: "\f7e5"; | |
| } | |
| .fa-bacteria:before { | |
| content: "\e059"; | |
| } | |
| .fa-bacterium:before { | |
| content: "\e05a"; | |
| } | |
| .fa-bahai:before { | |
| content: "\f666"; | |
| } | |
| .fa-balance-scale:before { | |
| content: "\f24e"; | |
| } | |
| .fa-balance-scale-left:before { | |
| content: "\f515"; | |
| } | |
| .fa-balance-scale-right:before { | |
| content: "\f516"; | |
| } | |
| .fa-ban:before { | |
| content: "\f05e"; | |
| } | |
| .fa-band-aid:before { | |
| content: "\f462"; | |
| } | |
| .fa-bandcamp:before { | |
| content: "\f2d5"; | |
| } | |
| .fa-barcode:before { | |
| content: "\f02a"; | |
| } | |
| .fa-bars:before { | |
| content: "\f0c9"; | |
| } | |
| .fa-baseball-ball:before { | |
| content: "\f433"; | |
| } | |
| .fa-basketball-ball:before { | |
| content: "\f434"; | |
| } | |
| .fa-bath:before { | |
| content: "\f2cd"; | |
| } | |
| .fa-battery-empty:before { | |
| content: "\f244"; | |
| } | |
| .fa-battery-full:before { | |
| content: "\f240"; | |
| } | |
| .fa-battery-half:before { | |
| content: "\f242"; | |
| } | |
| .fa-battery-quarter:before { | |
| content: "\f243"; | |
| } | |
| .fa-battery-three-quarters:before { | |
| content: "\f241"; | |
| } | |
| .fa-battle-net:before { | |
| content: "\f835"; | |
| } | |
| .fa-bed:before { | |
| content: "\f236"; | |
| } | |
| .fa-beer:before { | |
| content: "\f0fc"; | |
| } | |
| .fa-behance:before { | |
| content: "\f1b4"; | |
| } | |
| .fa-behance-square:before { | |
| content: "\f1b5"; | |
| } | |
| .fa-bell:before { | |
| content: "\f0f3"; | |
| } | |
| .fa-bell-slash:before { | |
| content: "\f1f6"; | |
| } | |
| .fa-bezier-curve:before { | |
| content: "\f55b"; | |
| } | |
| .fa-bible:before { | |
| content: "\f647"; | |
| } | |
| .fa-bicycle:before { | |
| content: "\f206"; | |
| } | |
| .fa-biking:before { | |
| content: "\f84a"; | |
| } | |
| .fa-bimobject:before { | |
| content: "\f378"; | |
| } | |
| .fa-binoculars:before { | |
| content: "\f1e5"; | |
| } | |
| .fa-biohazard:before { | |
| content: "\f780"; | |
| } | |
| .fa-birthday-cake:before { | |
| content: "\f1fd"; | |
| } | |
| .fa-bitbucket:before { | |
| content: "\f171"; | |
| } | |
| .fa-bitcoin:before { | |
| content: "\f379"; | |
| } | |
| .fa-bity:before { | |
| content: "\f37a"; | |
| } | |
| .fa-black-tie:before { | |
| content: "\f27e"; | |
| } | |
| .fa-blackberry:before { | |
| content: "\f37b"; | |
| } | |
| .fa-blender:before { | |
| content: "\f517"; | |
| } | |
| .fa-blender-phone:before { | |
| content: "\f6b6"; | |
| } | |
| .fa-blind:before { | |
| content: "\f29d"; | |
| } | |
| .fa-blog:before { | |
| content: "\f781"; | |
| } | |
| .fa-blogger:before { | |
| content: "\f37c"; | |
| } | |
| .fa-blogger-b:before { | |
| content: "\f37d"; | |
| } | |
| .fa-bluetooth:before { | |
| content: "\f293"; | |
| } | |
| .fa-bluetooth-b:before { | |
| content: "\f294"; | |
| } | |
| .fa-bold:before { | |
| content: "\f032"; | |
| } | |
| .fa-bolt:before { | |
| content: "\f0e7"; | |
| } | |
| .fa-bomb:before { | |
| content: "\f1e2"; | |
| } | |
| .fa-bone:before { | |
| content: "\f5d7"; | |
| } | |
| .fa-bong:before { | |
| content: "\f55c"; | |
| } | |
| .fa-book:before { | |
| content: "\f02d"; | |
| } | |
| .fa-book-dead:before { | |
| content: "\f6b7"; | |
| } | |
| .fa-book-medical:before { | |
| content: "\f7e6"; | |
| } | |
| .fa-book-open:before { | |
| content: "\f518"; | |
| } | |
| .fa-book-reader:before { | |
| content: "\f5da"; | |
| } | |
| .fa-bookmark:before { | |
| content: "\f02e"; | |
| } | |
| .fa-bootstrap:before { | |
| content: "\f836"; | |
| } | |
| .fa-border-all:before { | |
| content: "\f84c"; | |
| } | |
| .fa-border-none:before { | |
| content: "\f850"; | |
| } | |
| .fa-border-style:before { | |
| content: "\f853"; | |
| } | |
| .fa-bowling-ball:before { | |
| content: "\f436"; | |
| } | |
| .fa-box:before { | |
| content: "\f466"; | |
| } | |
| .fa-box-open:before { | |
| content: "\f49e"; | |
| } | |
| .fa-box-tissue:before { | |
| content: "\e05b"; | |
| } | |
| .fa-boxes:before { | |
| content: "\f468"; | |
| } | |
| .fa-braille:before { | |
| content: "\f2a1"; | |
| } | |
| .fa-brain:before { | |
| content: "\f5dc"; | |
| } | |
| .fa-bread-slice:before { | |
| content: "\f7ec"; | |
| } | |
| .fa-briefcase:before { | |
| content: "\f0b1"; | |
| } | |
| .fa-briefcase-medical:before { | |
| content: "\f469"; | |
| } | |
| .fa-broadcast-tower:before { | |
| content: "\f519"; | |
| } | |
| .fa-broom:before { | |
| content: "\f51a"; | |
| } | |
| .fa-brush:before { | |
| content: "\f55d"; | |
| } | |
| .fa-btc:before { | |
| content: "\f15a"; | |
| } | |
| .fa-buffer:before { | |
| content: "\f837"; | |
| } | |
| .fa-bug:before { | |
| content: "\f188"; | |
| } | |
| .fa-building:before { | |
| content: "\f1ad"; | |
| } | |
| .fa-bullhorn:before { | |
| content: "\f0a1"; | |
| } | |
| .fa-bullseye:before { | |
| content: "\f140"; | |
| } | |
| .fa-burn:before { | |
| content: "\f46a"; | |
| } | |
| .fa-buromobelexperte:before { | |
| content: "\f37f"; | |
| } | |
| .fa-bus:before { | |
| content: "\f207"; | |
| } | |
| .fa-bus-alt:before { | |
| content: "\f55e"; | |
| } | |
| .fa-business-time:before { | |
| content: "\f64a"; | |
| } | |
| .fa-buy-n-large:before { | |
| content: "\f8a6"; | |
| } | |
| .fa-buysellads:before { | |
| content: "\f20d"; | |
| } | |
| .fa-calculator:before { | |
| content: "\f1ec"; | |
| } | |
| .fa-calendar:before { | |
| content: "\f133"; | |
| } | |
| .fa-calendar-alt:before { | |
| content: "\f073"; | |
| } | |
| .fa-calendar-check:before { | |
| content: "\f274"; | |
| } | |
| .fa-calendar-day:before { | |
| content: "\f783"; | |
| } | |
| .fa-calendar-minus:before { | |
| content: "\f272"; | |
| } | |
| .fa-calendar-plus:before { | |
| content: "\f271"; | |
| } | |
| .fa-calendar-times:before { | |
| content: "\f273"; | |
| } | |
| .fa-calendar-week:before { | |
| content: "\f784"; | |
| } | |
| .fa-camera:before { | |
| content: "\f030"; | |
| } | |
| .fa-camera-retro:before { | |
| content: "\f083"; | |
| } | |
| .fa-campground:before { | |
| content: "\f6bb"; | |
| } | |
| .fa-canadian-maple-leaf:before { | |
| content: "\f785"; | |
| } | |
| .fa-candy-cane:before { | |
| content: "\f786"; | |
| } | |
| .fa-cannabis:before { | |
| content: "\f55f"; | |
| } | |
| .fa-capsules:before { | |
| content: "\f46b"; | |
| } | |
| .fa-car:before { | |
| content: "\f1b9"; | |
| } | |
| .fa-car-alt:before { | |
| content: "\f5de"; | |
| } | |
| .fa-car-battery:before { | |
| content: "\f5df"; | |
| } | |
| .fa-car-crash:before { | |
| content: "\f5e1"; | |
| } | |
| .fa-car-side:before { | |
| content: "\f5e4"; | |
| } | |
| .fa-caravan:before { | |
| content: "\f8ff"; | |
| } | |
| .fa-caret-down:before { | |
| content: "\f0d7"; | |
| } | |
| .fa-caret-left:before { | |
| content: "\f0d9"; | |
| } | |
| .fa-caret-right:before { | |
| content: "\f0da"; | |
| } | |
| .fa-caret-square-down:before { | |
| content: "\f150"; | |
| } | |
| .fa-caret-square-left:before { | |
| content: "\f191"; | |
| } | |
| .fa-caret-square-right:before { | |
| content: "\f152"; | |
| } | |
| .fa-caret-square-up:before { | |
| content: "\f151"; | |
| } | |
| .fa-caret-up:before { | |
| content: "\f0d8"; | |
| } | |
| .fa-carrot:before { | |
| content: "\f787"; | |
| } | |
| .fa-cart-arrow-down:before { | |
| content: "\f218"; | |
| } | |
| .fa-cart-plus:before { | |
| content: "\f217"; | |
| } | |
| .fa-cash-register:before { | |
| content: "\f788"; | |
| } | |
| .fa-cat:before { | |
| content: "\f6be"; | |
| } | |
| .fa-cc-amazon-pay:before { | |
| content: "\f42d"; | |
| } | |
| .fa-cc-amex:before { | |
| content: "\f1f3"; | |
| } | |
| .fa-cc-apple-pay:before { | |
| content: "\f416"; | |
| } | |
| .fa-cc-diners-club:before { | |
| content: "\f24c"; | |
| } | |
| .fa-cc-discover:before { | |
| content: "\f1f2"; | |
| } | |
| .fa-cc-jcb:before { | |
| content: "\f24b"; | |
| } | |
| .fa-cc-mastercard:before { | |
| content: "\f1f1"; | |
| } | |
| .fa-cc-paypal:before { | |
| content: "\f1f4"; | |
| } | |
| .fa-cc-stripe:before { | |
| content: "\f1f5"; | |
| } | |
| .fa-cc-visa:before { | |
| content: "\f1f0"; | |
| } | |
| .fa-centercode:before { | |
| content: "\f380"; | |
| } | |
| .fa-centos:before { | |
| content: "\f789"; | |
| } | |
| .fa-certificate:before { | |
| content: "\f0a3"; | |
| } | |
| .fa-chair:before { | |
| content: "\f6c0"; | |
| } | |
| .fa-chalkboard:before { | |
| content: "\f51b"; | |
| } | |
| .fa-chalkboard-teacher:before { | |
| content: "\f51c"; | |
| } | |
| .fa-charging-station:before { | |
| content: "\f5e7"; | |
| } | |
| .fa-chart-area:before { | |
| content: "\f1fe"; | |
| } | |
| .fa-chart-bar:before { | |
| content: "\f080"; | |
| } | |
| .fa-chart-line:before { | |
| content: "\f201"; | |
| } | |
| .fa-chart-pie:before { | |
| content: "\f200"; | |
| } | |
| .fa-check:before { | |
| content: "\f00c"; | |
| } | |
| .fa-check-circle:before { | |
| content: "\f058"; | |
| } | |
| .fa-check-double:before { | |
| content: "\f560"; | |
| } | |
| .fa-check-square:before { | |
| content: "\f14a"; | |
| } | |
| .fa-cheese:before { | |
| content: "\f7ef"; | |
| } | |
| .fa-chess:before { | |
| content: "\f439"; | |
| } | |
| .fa-chess-bishop:before { | |
| content: "\f43a"; | |
| } | |
| .fa-chess-board:before { | |
| content: "\f43c"; | |
| } | |
| .fa-chess-king:before { | |
| content: "\f43f"; | |
| } | |
| .fa-chess-knight:before { | |
| content: "\f441"; | |
| } | |
| .fa-chess-pawn:before { | |
| content: "\f443"; | |
| } | |
| .fa-chess-queen:before { | |
| content: "\f445"; | |
| } | |
| .fa-chess-rook:before { | |
| content: "\f447"; | |
| } | |
| .fa-chevron-circle-down:before { | |
| content: "\f13a"; | |
| } | |
| .fa-chevron-circle-left:before { | |
| content: "\f137"; | |
| } | |
| .fa-chevron-circle-right:before { | |
| content: "\f138"; | |
| } | |
| .fa-chevron-circle-up:before { | |
| content: "\f139"; | |
| } | |
| .fa-chevron-down:before { | |
| content: "\f078"; | |
| } | |
| .fa-chevron-left:before { | |
| content: "\f053"; | |
| } | |
| .fa-chevron-right:before { | |
| content: "\f054"; | |
| } | |
| .fa-chevron-up:before { | |
| content: "\f077"; | |
| } | |
| .fa-child:before { | |
| content: "\f1ae"; | |
| } | |
| .fa-chrome:before { | |
| content: "\f268"; | |
| } | |
| .fa-chromecast:before { | |
| content: "\f838"; | |
| } | |
| .fa-church:before { | |
| content: "\f51d"; | |
| } | |
| .fa-circle:before { | |
| content: "\f111"; | |
| } | |
| .fa-circle-notch:before { | |
| content: "\f1ce"; | |
| } | |
| .fa-city:before { | |
| content: "\f64f"; | |
| } | |
| .fa-clinic-medical:before { | |
| content: "\f7f2"; | |
| } | |
| .fa-clipboard:before { | |
| content: "\f328"; | |
| } | |
| .fa-clipboard-check:before { | |
| content: "\f46c"; | |
| } | |
| .fa-clipboard-list:before { | |
| content: "\f46d"; | |
| } | |
| .fa-clock:before { | |
| content: "\f017"; | |
| } | |
| .fa-clone:before { | |
| content: "\f24d"; | |
| } | |
| .fa-closed-captioning:before { | |
| content: "\f20a"; | |
| } | |
| .fa-cloud:before { | |
| content: "\f0c2"; | |
| } | |
| .fa-cloud-download-alt:before { | |
| content: "\f381"; | |
| } | |
| .fa-cloud-meatball:before { | |
| content: "\f73b"; | |
| } | |
| .fa-cloud-moon:before { | |
| content: "\f6c3"; | |
| } | |
| .fa-cloud-moon-rain:before { | |
| content: "\f73c"; | |
| } | |
| .fa-cloud-rain:before { | |
| content: "\f73d"; | |
| } | |
| .fa-cloud-showers-heavy:before { | |
| content: "\f740"; | |
| } | |
| .fa-cloud-sun:before { | |
| content: "\f6c4"; | |
| } | |
| .fa-cloud-sun-rain:before { | |
| content: "\f743"; | |
| } | |
| .fa-cloud-upload-alt:before { | |
| content: "\f382"; | |
| } | |
| .fa-cloudflare:before { | |
| content: "\e07d"; | |
| } | |
| .fa-cloudscale:before { | |
| content: "\f383"; | |
| } | |
| .fa-cloudsmith:before { | |
| content: "\f384"; | |
| } | |
| .fa-cloudversify:before { | |
| content: "\f385"; | |
| } | |
| .fa-cocktail:before { | |
| content: "\f561"; | |
| } | |
| .fa-code:before { | |
| content: "\f121"; | |
| } | |
| .fa-code-branch:before { | |
| content: "\f126"; | |
| } | |
| .fa-codepen:before { | |
| content: "\f1cb"; | |
| } | |
| .fa-codiepie:before { | |
| content: "\f284"; | |
| } | |
| .fa-coffee:before { | |
| content: "\f0f4"; | |
| } | |
| .fa-cog:before { | |
| content: "\f013"; | |
| } | |
| .fa-cogs:before { | |
| content: "\f085"; | |
| } | |
| .fa-coins:before { | |
| content: "\f51e"; | |
| } | |
| .fa-columns:before { | |
| content: "\f0db"; | |
| } | |
| .fa-comment:before { | |
| content: "\f075"; | |
| } | |
| .fa-comment-alt:before { | |
| content: "\f27a"; | |
| } | |
| .fa-comment-dollar:before { | |
| content: "\f651"; | |
| } | |
| .fa-comment-dots:before { | |
| content: "\f4ad"; | |
| } | |
| .fa-comment-medical:before { | |
| content: "\f7f5"; | |
| } | |
| .fa-comment-slash:before { | |
| content: "\f4b3"; | |
| } | |
| .fa-comments:before { | |
| content: "\f086"; | |
| } | |
| .fa-comments-dollar:before { | |
| content: "\f653"; | |
| } | |
| .fa-compact-disc:before { | |
| content: "\f51f"; | |
| } | |
| .fa-compass:before { | |
| content: "\f14e"; | |
| } | |
| .fa-compress:before { | |
| content: "\f066"; | |
| } | |
| .fa-compress-alt:before { | |
| content: "\f422"; | |
| } | |
| .fa-compress-arrows-alt:before { | |
| content: "\f78c"; | |
| } | |
| .fa-concierge-bell:before { | |
| content: "\f562"; | |
| } | |
| .fa-confluence:before { | |
| content: "\f78d"; | |
| } | |
| .fa-connectdevelop:before { | |
| content: "\f20e"; | |
| } | |
| .fa-contao:before { | |
| content: "\f26d"; | |
| } | |
| .fa-cookie:before { | |
| content: "\f563"; | |
| } | |
| .fa-cookie-bite:before { | |
| content: "\f564"; | |
| } | |
| .fa-copy:before { | |
| content: "\f0c5"; | |
| } | |
| .fa-copyright:before { | |
| content: "\f1f9"; | |
| } | |
| .fa-cotton-bureau:before { | |
| content: "\f89e"; | |
| } | |
| .fa-couch:before { | |
| content: "\f4b8"; | |
| } | |
| .fa-cpanel:before { | |
| content: "\f388"; | |
| } | |
| .fa-creative-commons:before { | |
| content: "\f25e"; | |
| } | |
| .fa-creative-commons-by:before { | |
| content: "\f4e7"; | |
| } | |
| .fa-creative-commons-nc:before { | |
| content: "\f4e8"; | |
| } | |
| .fa-creative-commons-nc-eu:before { | |
| content: "\f4e9"; | |
| } | |
| .fa-creative-commons-nc-jp:before { | |
| content: "\f4ea"; | |
| } | |
| .fa-creative-commons-nd:before { | |
| content: "\f4eb"; | |
| } | |
| .fa-creative-commons-pd:before { | |
| content: "\f4ec"; | |
| } | |
| .fa-creative-commons-pd-alt:before { | |
| content: "\f4ed"; | |
| } | |
| .fa-creative-commons-remix:before { | |
| content: "\f4ee"; | |
| } | |
| .fa-creative-commons-sa:before { | |
| content: "\f4ef"; | |
| } | |
| .fa-creative-commons-sampling:before { | |
| content: "\f4f0"; | |
| } | |
| .fa-creative-commons-sampling-plus:before { | |
| content: "\f4f1"; | |
| } | |
| .fa-creative-commons-share:before { | |
| content: "\f4f2"; | |
| } | |
| .fa-creative-commons-zero:before { | |
| content: "\f4f3"; | |
| } | |
| .fa-credit-card:before { | |
| content: "\f09d"; | |
| } | |
| .fa-critical-role:before { | |
| content: "\f6c9"; | |
| } | |
| .fa-crop:before { | |
| content: "\f125"; | |
| } | |
| .fa-crop-alt:before { | |
| content: "\f565"; | |
| } | |
| .fa-cross:before { | |
| content: "\f654"; | |
| } | |
| .fa-crosshairs:before { | |
| content: "\f05b"; | |
| } | |
| .fa-crow:before { | |
| content: "\f520"; | |
| } | |
| .fa-crown:before { | |
| content: "\f521"; | |
| } | |
| .fa-crutch:before { | |
| content: "\f7f7"; | |
| } | |
| .fa-css3:before { | |
| content: "\f13c"; | |
| } | |
| .fa-css3-alt:before { | |
| content: "\f38b"; | |
| } | |
| .fa-cube:before { | |
| content: "\f1b2"; | |
| } | |
| .fa-cubes:before { | |
| content: "\f1b3"; | |
| } | |
| .fa-cut:before { | |
| content: "\f0c4"; | |
| } | |
| .fa-cuttlefish:before { | |
| content: "\f38c"; | |
| } | |
| .fa-d-and-d:before { | |
| content: "\f38d"; | |
| } | |
| .fa-d-and-d-beyond:before { | |
| content: "\f6ca"; | |
| } | |
| .fa-dailymotion:before { | |
| content: "\e052"; | |
| } | |
| .fa-dashcube:before { | |
| content: "\f210"; | |
| } | |
| .fa-database:before { | |
| content: "\f1c0"; | |
| } | |
| .fa-deaf:before { | |
| content: "\f2a4"; | |
| } | |
| .fa-deezer:before { | |
| content: "\e077"; | |
| } | |
| .fa-delicious:before { | |
| content: "\f1a5"; | |
| } | |
| .fa-democrat:before { | |
| content: "\f747"; | |
| } | |
| .fa-deploydog:before { | |
| content: "\f38e"; | |
| } | |
| .fa-deskpro:before { | |
| content: "\f38f"; | |
| } | |
| .fa-desktop:before { | |
| content: "\f108"; | |
| } | |
| .fa-dev:before { | |
| content: "\f6cc"; | |
| } | |
| .fa-deviantart:before { | |
| content: "\f1bd"; | |
| } | |
| .fa-dharmachakra:before { | |
| content: "\f655"; | |
| } | |
| .fa-dhl:before { | |
| content: "\f790"; | |
| } | |
| .fa-diagnoses:before { | |
| content: "\f470"; | |
| } | |
| .fa-diaspora:before { | |
| content: "\f791"; | |
| } | |
| .fa-dice:before { | |
| content: "\f522"; | |
| } | |
| .fa-dice-d20:before { | |
| content: "\f6cf"; | |
| } | |
| .fa-dice-d6:before { | |
| content: "\f6d1"; | |
| } | |
| .fa-dice-five:before { | |
| content: "\f523"; | |
| } | |
| .fa-dice-four:before { | |
| content: "\f524"; | |
| } | |
| .fa-dice-one:before { | |
| content: "\f525"; | |
| } | |
| .fa-dice-six:before { | |
| content: "\f526"; | |
| } | |
| .fa-dice-three:before { | |
| content: "\f527"; | |
| } | |
| .fa-dice-two:before { | |
| content: "\f528"; | |
| } | |
| .fa-digg:before { | |
| content: "\f1a6"; | |
| } | |
| .fa-digital-ocean:before { | |
| content: "\f391"; | |
| } | |
| .fa-digital-tachograph:before { | |
| content: "\f566"; | |
| } | |
| .fa-directions:before { | |
| content: "\f5eb"; | |
| } | |
| .fa-discord:before { | |
| content: "\f392"; | |
| } | |
| .fa-discourse:before { | |
| content: "\f393"; | |
| } | |
| .fa-disease:before { | |
| content: "\f7fa"; | |
| } | |
| .fa-divide:before { | |
| content: "\f529"; | |
| } | |
| .fa-dizzy:before { | |
| content: "\f567"; | |
| } | |
| .fa-dna:before { | |
| content: "\f471"; | |
| } | |
| .fa-dochub:before { | |
| content: "\f394"; | |
| } | |
| .fa-docker:before { | |
| content: "\f395"; | |
| } | |
| .fa-dog:before { | |
| content: "\f6d3"; | |
| } | |
| .fa-dollar-sign:before { | |
| content: "\f155"; | |
| } | |
| .fa-dolly:before { | |
| content: "\f472"; | |
| } | |
| .fa-dolly-flatbed:before { | |
| content: "\f474"; | |
| } | |
| .fa-donate:before { | |
| content: "\f4b9"; | |
| } | |
| .fa-door-closed:before { | |
| content: "\f52a"; | |
| } | |
| .fa-door-open:before { | |
| content: "\f52b"; | |
| } | |
| .fa-dot-circle:before { | |
| content: "\f192"; | |
| } | |
| .fa-dove:before { | |
| content: "\f4ba"; | |
| } | |
| .fa-download:before { | |
| content: "\f019"; | |
| } | |
| .fa-draft2digital:before { | |
| content: "\f396"; | |
| } | |
| .fa-drafting-compass:before { | |
| content: "\f568"; | |
| } | |
| .fa-dragon:before { | |
| content: "\f6d5"; | |
| } | |
| .fa-draw-polygon:before { | |
| content: "\f5ee"; | |
| } | |
| .fa-dribbble:before { | |
| content: "\f17d"; | |
| } | |
| .fa-dribbble-square:before { | |
| content: "\f397"; | |
| } | |
| .fa-dropbox:before { | |
| content: "\f16b"; | |
| } | |
| .fa-drum:before { | |
| content: "\f569"; | |
| } | |
| .fa-drum-steelpan:before { | |
| content: "\f56a"; | |
| } | |
| .fa-drumstick-bite:before { | |
| content: "\f6d7"; | |
| } | |
| .fa-drupal:before { | |
| content: "\f1a9"; | |
| } | |
| .fa-dumbbell:before { | |
| content: "\f44b"; | |
| } | |
| .fa-dumpster:before { | |
| content: "\f793"; | |
| } | |
| .fa-dumpster-fire:before { | |
| content: "\f794"; | |
| } | |
| .fa-dungeon:before { | |
| content: "\f6d9"; | |
| } | |
| .fa-dyalog:before { | |
| content: "\f399"; | |
| } | |
| .fa-earlybirds:before { | |
| content: "\f39a"; | |
| } | |
| .fa-ebay:before { | |
| content: "\f4f4"; | |
| } | |
| .fa-edge:before { | |
| content: "\f282"; | |
| } | |
| .fa-edge-legacy:before { | |
| content: "\e078"; | |
| } | |
| .fa-edit:before { | |
| content: "\f044"; | |
| } | |
| .fa-egg:before { | |
| content: "\f7fb"; | |
| } | |
| .fa-eject:before { | |
| content: "\f052"; | |
| } | |
| .fa-elementor:before { | |
| content: "\f430"; | |
| } | |
| .fa-ellipsis-h:before { | |
| content: "\f141"; | |
| } | |
| .fa-ellipsis-v:before { | |
| content: "\f142"; | |
| } | |
| .fa-ello:before { | |
| content: "\f5f1"; | |
| } | |
| .fa-ember:before { | |
| content: "\f423"; | |
| } | |
| .fa-empire:before { | |
| content: "\f1d1"; | |
| } | |
| .fa-envelope:before { | |
| content: "\f0e0"; | |
| } | |
| .fa-envelope-open:before { | |
| content: "\f2b6"; | |
| } | |
| .fa-envelope-open-text:before { | |
| content: "\f658"; | |
| } | |
| .fa-envelope-square:before { | |
| content: "\f199"; | |
| } | |
| .fa-envira:before { | |
| content: "\f299"; | |
| } | |
| .fa-equals:before { | |
| content: "\f52c"; | |
| } | |
| .fa-eraser:before { | |
| content: "\f12d"; | |
| } | |
| .fa-erlang:before { | |
| content: "\f39d"; | |
| } | |
| .fa-ethereum:before { | |
| content: "\f42e"; | |
| } | |
| .fa-ethernet:before { | |
| content: "\f796"; | |
| } | |
| .fa-etsy:before { | |
| content: "\f2d7"; | |
| } | |
| .fa-euro-sign:before { | |
| content: "\f153"; | |
| } | |
| .fa-evernote:before { | |
| content: "\f839"; | |
| } | |
| .fa-exchange-alt:before { | |
| content: "\f362"; | |
| } | |
| .fa-exclamation:before { | |
| content: "\f12a"; | |
| } | |
| .fa-exclamation-circle:before { | |
| content: "\f06a"; | |
| } | |
| .fa-exclamation-triangle:before { | |
| content: "\f071"; | |
| } | |
| .fa-expand:before { | |
| content: "\f065"; | |
| } | |
| .fa-expand-alt:before { | |
| content: "\f424"; | |
| } | |
| .fa-expand-arrows-alt:before { | |
| content: "\f31e"; | |
| } | |
| .fa-expeditedssl:before { | |
| content: "\f23e"; | |
| } | |
| .fa-external-link-alt:before { | |
| content: "\f35d"; | |
| } | |
| .fa-external-link-square-alt:before { | |
| content: "\f360"; | |
| } | |
| .fa-eye:before { | |
| content: "\f06e"; | |
| } | |
| .fa-eye-dropper:before { | |
| content: "\f1fb"; | |
| } | |
| .fa-eye-slash:before { | |
| content: "\f070"; | |
| } | |
| .fa-facebook:before { | |
| content: "\f09a"; | |
| } | |
| .fa-facebook-f:before { | |
| content: "\f39e"; | |
| } | |
| .fa-facebook-messenger:before { | |
| content: "\f39f"; | |
| } | |
| .fa-facebook-square:before { | |
| content: "\f082"; | |
| } | |
| .fa-fan:before { | |
| content: "\f863"; | |
| } | |
| .fa-fantasy-flight-games:before { | |
| content: "\f6dc"; | |
| } | |
| .fa-fast-backward:before { | |
| content: "\f049"; | |
| } | |
| .fa-fast-forward:before { | |
| content: "\f050"; | |
| } | |
| .fa-faucet:before { | |
| content: "\e005"; | |
| } | |
| .fa-fax:before { | |
| content: "\f1ac"; | |
| } | |
| .fa-feather:before { | |
| content: "\f52d"; | |
| } | |
| .fa-feather-alt:before { | |
| content: "\f56b"; | |
| } | |
| .fa-fedex:before { | |
| content: "\f797"; | |
| } | |
| .fa-fedora:before { | |
| content: "\f798"; | |
| } | |
| .fa-female:before { | |
| content: "\f182"; | |
| } | |
| .fa-fighter-jet:before { | |
| content: "\f0fb"; | |
| } | |
| .fa-figma:before { | |
| content: "\f799"; | |
| } | |
| .fa-file:before { | |
| content: "\f15b"; | |
| } | |
| .fa-file-alt:before { | |
| content: "\f15c"; | |
| } | |
| .fa-file-archive:before { | |
| content: "\f1c6"; | |
| } | |
| .fa-file-audio:before { | |
| content: "\f1c7"; | |
| } | |
| .fa-file-code:before { | |
| content: "\f1c9"; | |
| } | |
| .fa-file-contract:before { | |
| content: "\f56c"; | |
| } | |
| .fa-file-csv:before { | |
| content: "\f6dd"; | |
| } | |
| .fa-file-download:before { | |
| content: "\f56d"; | |
| } | |
| .fa-file-excel:before { | |
| content: "\f1c3"; | |
| } | |
| .fa-file-export:before { | |
| content: "\f56e"; | |
| } | |
| .fa-file-image:before { | |
| content: "\f1c5"; | |
| } | |
| .fa-file-import:before { | |
| content: "\f56f"; | |
| } | |
| .fa-file-invoice:before { | |
| content: "\f570"; | |
| } | |
| .fa-file-invoice-dollar:before { | |
| content: "\f571"; | |
| } | |
| .fa-file-medical:before { | |
| content: "\f477"; | |
| } | |
| .fa-file-medical-alt:before { | |
| content: "\f478"; | |
| } | |
| .fa-file-pdf:before { | |
| content: "\f1c1"; | |
| } | |
| .fa-file-powerpoint:before { | |
| content: "\f1c4"; | |
| } | |
| .fa-file-prescription:before { | |
| content: "\f572"; | |
| } | |
| .fa-file-signature:before { | |
| content: "\f573"; | |
| } | |
| .fa-file-upload:before { | |
| content: "\f574"; | |
| } | |
| .fa-file-video:before { | |
| content: "\f1c8"; | |
| } | |
| .fa-file-word:before { | |
| content: "\f1c2"; | |
| } | |
| .fa-fill:before { | |
| content: "\f575"; | |
| } | |
| .fa-fill-drip:before { | |
| content: "\f576"; | |
| } | |
| .fa-film:before { | |
| content: "\f008"; | |
| } | |
| .fa-filter:before { | |
| content: "\f0b0"; | |
| } | |
| .fa-fingerprint:before { | |
| content: "\f577"; | |
| } | |
| .fa-fire:before { | |
| content: "\f06d"; | |
| } | |
| .fa-fire-alt:before { | |
| content: "\f7e4"; | |
| } | |
| .fa-fire-extinguisher:before { | |
| content: "\f134"; | |
| } | |
| .fa-firefox:before { | |
| content: "\f269"; | |
| } | |
| .fa-firefox-browser:before { | |
| content: "\e007"; | |
| } | |
| .fa-first-aid:before { | |
| content: "\f479"; | |
| } | |
| .fa-first-order:before { | |
| content: "\f2b0"; | |
| } | |
| .fa-first-order-alt:before { | |
| content: "\f50a"; | |
| } | |
| .fa-firstdraft:before { | |
| content: "\f3a1"; | |
| } | |
| .fa-fish:before { | |
| content: "\f578"; | |
| } | |
| .fa-fist-raised:before { | |
| content: "\f6de"; | |
| } | |
| .fa-flag:before { | |
| content: "\f024"; | |
| } | |
| .fa-flag-checkered:before { | |
| content: "\f11e"; | |
| } | |
| .fa-flag-usa:before { | |
| content: "\f74d"; | |
| } | |
| .fa-flask:before { | |
| content: "\f0c3"; | |
| } | |
| .fa-flickr:before { | |
| content: "\f16e"; | |
| } | |
| .fa-flipboard:before { | |
| content: "\f44d"; | |
| } | |
| .fa-flushed:before { | |
| content: "\f579"; | |
| } | |
| .fa-fly:before { | |
| content: "\f417"; | |
| } | |
| .fa-folder:before { | |
| content: "\f07b"; | |
| } | |
| .fa-folder-minus:before { | |
| content: "\f65d"; | |
| } | |
| .fa-folder-open:before { | |
| content: "\f07c"; | |
| } | |
| .fa-folder-plus:before { | |
| content: "\f65e"; | |
| } | |
| .fa-font:before { | |
| content: "\f031"; | |
| } | |
| .fa-font-awesome:before { | |
| content: "\f2b4"; | |
| } | |
| .fa-font-awesome-alt:before { | |
| content: "\f35c"; | |
| } | |
| .fa-font-awesome-flag:before { | |
| content: "\f425"; | |
| } | |
| .fa-font-awesome-logo-full:before { | |
| content: "\f4e6"; | |
| } | |
| .fa-fonticons:before { | |
| content: "\f280"; | |
| } | |
| .fa-fonticons-fi:before { | |
| content: "\f3a2"; | |
| } | |
| .fa-football-ball:before { | |
| content: "\f44e"; | |
| } | |
| .fa-fort-awesome:before { | |
| content: "\f286"; | |
| } | |
| .fa-fort-awesome-alt:before { | |
| content: "\f3a3"; | |
| } | |
| .fa-forumbee:before { | |
| content: "\f211"; | |
| } | |
| .fa-forward:before { | |
| content: "\f04e"; | |
| } | |
| .fa-foursquare:before { | |
| content: "\f180"; | |
| } | |
| .fa-free-code-camp:before { | |
| content: "\f2c5"; | |
| } | |
| .fa-freebsd:before { | |
| content: "\f3a4"; | |
| } | |
| .fa-frog:before { | |
| content: "\f52e"; | |
| } | |
| .fa-frown:before { | |
| content: "\f119"; | |
| } | |
| .fa-frown-open:before { | |
| content: "\f57a"; | |
| } | |
| .fa-fulcrum:before { | |
| content: "\f50b"; | |
| } | |
| .fa-funnel-dollar:before { | |
| content: "\f662"; | |
| } | |
| .fa-futbol:before { | |
| content: "\f1e3"; | |
| } | |
| .fa-galactic-republic:before { | |
| content: "\f50c"; | |
| } | |
| .fa-galactic-senate:before { | |
| content: "\f50d"; | |
| } | |
| .fa-gamepad:before { | |
| content: "\f11b"; | |
| } | |
| .fa-gas-pump:before { | |
| content: "\f52f"; | |
| } | |
| .fa-gavel:before { | |
| content: "\f0e3"; | |
| } | |
| .fa-gem:before { | |
| content: "\f3a5"; | |
| } | |
| .fa-genderless:before { | |
| content: "\f22d"; | |
| } | |
| .fa-get-pocket:before { | |
| content: "\f265"; | |
| } | |
| .fa-gg:before { | |
| content: "\f260"; | |
| } | |
| .fa-gg-circle:before { | |
| content: "\f261"; | |
| } | |
| .fa-ghost:before { | |
| content: "\f6e2"; | |
| } | |
| .fa-gift:before { | |
| content: "\f06b"; | |
| } | |
| .fa-gifts:before { | |
| content: "\f79c"; | |
| } | |
| .fa-git:before { | |
| content: "\f1d3"; | |
| } | |
| .fa-git-alt:before { | |
| content: "\f841"; | |
| } | |
| .fa-git-square:before { | |
| content: "\f1d2"; | |
| } | |
| .fa-github:before { | |
| content: "\f09b"; | |
| } | |
| .fa-github-alt:before { | |
| content: "\f113"; | |
| } | |
| .fa-github-square:before { | |
| content: "\f092"; | |
| } | |
| .fa-gitkraken:before { | |
| content: "\f3a6"; | |
| } | |
| .fa-gitlab:before { | |
| content: "\f296"; | |
| } | |
| .fa-gitter:before { | |
| content: "\f426"; | |
| } | |
| .fa-glass-cheers:before { | |
| content: "\f79f"; | |
| } | |
| .fa-glass-martini:before { | |
| content: "\f000"; | |
| } | |
| .fa-glass-martini-alt:before { | |
| content: "\f57b"; | |
| } | |
| .fa-glass-whiskey:before { | |
| content: "\f7a0"; | |
| } | |
| .fa-glasses:before { | |
| content: "\f530"; | |
| } | |
| .fa-glide:before { | |
| content: "\f2a5"; | |
| } | |
| .fa-glide-g:before { | |
| content: "\f2a6"; | |
| } | |
| .fa-globe:before { | |
| content: "\f0ac"; | |
| } | |
| .fa-globe-africa:before { | |
| content: "\f57c"; | |
| } | |
| .fa-globe-americas:before { | |
| content: "\f57d"; | |
| } | |
| .fa-globe-asia:before { | |
| content: "\f57e"; | |
| } | |
| .fa-globe-europe:before { | |
| content: "\f7a2"; | |
| } | |
| .fa-gofore:before { | |
| content: "\f3a7"; | |
| } | |
| .fa-golf-ball:before { | |
| content: "\f450"; | |
| } | |
| .fa-goodreads:before { | |
| content: "\f3a8"; | |
| } | |
| .fa-goodreads-g:before { | |
| content: "\f3a9"; | |
| } | |
| .fa-google:before { | |
| content: "\f1a0"; | |
| } | |
| .fa-google-drive:before { | |
| content: "\f3aa"; | |
| } | |
| .fa-google-pay:before { | |
| content: "\e079"; | |
| } | |
| .fa-google-play:before { | |
| content: "\f3ab"; | |
| } | |
| .fa-google-plus:before { | |
| content: "\f2b3"; | |
| } | |
| .fa-google-plus-g:before { | |
| content: "\f0d5"; | |
| } | |
| .fa-google-plus-square:before { | |
| content: "\f0d4"; | |
| } | |
| .fa-google-wallet:before { | |
| content: "\f1ee"; | |
| } | |
| .fa-gopuram:before { | |
| content: "\f664"; | |
| } | |
| .fa-graduation-cap:before { | |
| content: "\f19d"; | |
| } | |
| .fa-gratipay:before { | |
| content: "\f184"; | |
| } | |
| .fa-grav:before { | |
| content: "\f2d6"; | |
| } | |
| .fa-greater-than:before { | |
| content: "\f531"; | |
| } | |
| .fa-greater-than-equal:before { | |
| content: "\f532"; | |
| } | |
| .fa-grimace:before { | |
| content: "\f57f"; | |
| } | |
| .fa-grin:before { | |
| content: "\f580"; | |
| } | |
| .fa-grin-alt:before { | |
| content: "\f581"; | |
| } | |
| .fa-grin-beam:before { | |
| content: "\f582"; | |
| } | |
| .fa-grin-beam-sweat:before { | |
| content: "\f583"; | |
| } | |
| .fa-grin-hearts:before { | |
| content: "\f584"; | |
| } | |
| .fa-grin-squint:before { | |
| content: "\f585"; | |
| } | |
| .fa-grin-squint-tears:before { | |
| content: "\f586"; | |
| } | |
| .fa-grin-stars:before { | |
| content: "\f587"; | |
| } | |
| .fa-grin-tears:before { | |
| content: "\f588"; | |
| } | |
| .fa-grin-tongue:before { | |
| content: "\f589"; | |
| } | |
| .fa-grin-tongue-squint:before { | |
| content: "\f58a"; | |
| } | |
| .fa-grin-tongue-wink:before { | |
| content: "\f58b"; | |
| } | |
| .fa-grin-wink:before { | |
| content: "\f58c"; | |
| } | |
| .fa-grip-horizontal:before { | |
| content: "\f58d"; | |
| } | |
| .fa-grip-lines:before { | |
| content: "\f7a4"; | |
| } | |
| .fa-grip-lines-vertical:before { | |
| content: "\f7a5"; | |
| } | |
| .fa-grip-vertical:before { | |
| content: "\f58e"; | |
| } | |
| .fa-gripfire:before { | |
| content: "\f3ac"; | |
| } | |
| .fa-grunt:before { | |
| content: "\f3ad"; | |
| } | |
| .fa-guilded:before { | |
| content: "\e07e"; | |
| } | |
| .fa-guitar:before { | |
| content: "\f7a6"; | |
| } | |
| .fa-gulp:before { | |
| content: "\f3ae"; | |
| } | |
| .fa-h-square:before { | |
| content: "\f0fd"; | |
| } | |
| .fa-hacker-news:before { | |
| content: "\f1d4"; | |
| } | |
| .fa-hacker-news-square:before { | |
| content: "\f3af"; | |
| } | |
| .fa-hackerrank:before { | |
| content: "\f5f7"; | |
| } | |
| .fa-hamburger:before { | |
| content: "\f805"; | |
| } | |
| .fa-hammer:before { | |
| content: "\f6e3"; | |
| } | |
| .fa-hamsa:before { | |
| content: "\f665"; | |
| } | |
| .fa-hand-holding:before { | |
| content: "\f4bd"; | |
| } | |
| .fa-hand-holding-heart:before { | |
| content: "\f4be"; | |
| } | |
| .fa-hand-holding-medical:before { | |
| content: "\e05c"; | |
| } | |
| .fa-hand-holding-usd:before { | |
| content: "\f4c0"; | |
| } | |
| .fa-hand-holding-water:before { | |
| content: "\f4c1"; | |
| } | |
| .fa-hand-lizard:before { | |
| content: "\f258"; | |
| } | |
| .fa-hand-middle-finger:before { | |
| content: "\f806"; | |
| } | |
| .fa-hand-paper:before { | |
| content: "\f256"; | |
| } | |
| .fa-hand-peace:before { | |
| content: "\f25b"; | |
| } | |
| .fa-hand-point-down:before { | |
| content: "\f0a7"; | |
| } | |
| .fa-hand-point-left:before { | |
| content: "\f0a5"; | |
| } | |
| .fa-hand-point-right:before { | |
| content: "\f0a4"; | |
| } | |
| .fa-hand-point-up:before { | |
| content: "\f0a6"; | |
| } | |
| .fa-hand-pointer:before { | |
| content: "\f25a"; | |
| } | |
| .fa-hand-rock:before { | |
| content: "\f255"; | |
| } | |
| .fa-hand-scissors:before { | |
| content: "\f257"; | |
| } | |
| .fa-hand-sparkles:before { | |
| content: "\e05d"; | |
| } | |
| .fa-hand-spock:before { | |
| content: "\f259"; | |
| } | |
| .fa-hands:before { | |
| content: "\f4c2"; | |
| } | |
| .fa-hands-helping:before { | |
| content: "\f4c4"; | |
| } | |
| .fa-hands-wash:before { | |
| content: "\e05e"; | |
| } | |
| .fa-handshake:before { | |
| content: "\f2b5"; | |
| } | |
| .fa-handshake-alt-slash:before { | |
| content: "\e05f"; | |
| } | |
| .fa-handshake-slash:before { | |
| content: "\e060"; | |
| } | |
| .fa-hanukiah:before { | |
| content: "\f6e6"; | |
| } | |
| .fa-hard-hat:before { | |
| content: "\f807"; | |
| } | |
| .fa-hashtag:before { | |
| content: "\f292"; | |
| } | |
| .fa-hat-cowboy:before { | |
| content: "\f8c0"; | |
| } | |
| .fa-hat-cowboy-side:before { | |
| content: "\f8c1"; | |
| } | |
| .fa-hat-wizard:before { | |
| content: "\f6e8"; | |
| } | |
| .fa-hdd:before { | |
| content: "\f0a0"; | |
| } | |
| .fa-head-side-cough:before { | |
| content: "\e061"; | |
| } | |
| .fa-head-side-cough-slash:before { | |
| content: "\e062"; | |
| } | |
| .fa-head-side-mask:before { | |
| content: "\e063"; | |
| } | |
| .fa-head-side-virus:before { | |
| content: "\e064"; | |
| } | |
| .fa-heading:before { | |
| content: "\f1dc"; | |
| } | |
| .fa-headphones:before { | |
| content: "\f025"; | |
| } | |
| .fa-headphones-alt:before { | |
| content: "\f58f"; | |
| } | |
| .fa-headset:before { | |
| content: "\f590"; | |
| } | |
| .fa-heart:before { | |
| content: "\f004"; | |
| } | |
| .fa-heart-broken:before { | |
| content: "\f7a9"; | |
| } | |
| .fa-heartbeat:before { | |
| content: "\f21e"; | |
| } | |
| .fa-helicopter:before { | |
| content: "\f533"; | |
| } | |
| .fa-highlighter:before { | |
| content: "\f591"; | |
| } | |
| .fa-hiking:before { | |
| content: "\f6ec"; | |
| } | |
| .fa-hippo:before { | |
| content: "\f6ed"; | |
| } | |
| .fa-hips:before { | |
| content: "\f452"; | |
| } | |
| .fa-hire-a-helper:before { | |
| content: "\f3b0"; | |
| } | |
| .fa-history:before { | |
| content: "\f1da"; | |
| } | |
| .fa-hive:before { | |
| content: "\e07f"; | |
| } | |
| .fa-hockey-puck:before { | |
| content: "\f453"; | |
| } | |
| .fa-holly-berry:before { | |
| content: "\f7aa"; | |
| } | |
| .fa-home:before { | |
| content: "\f015"; | |
| } | |
| .fa-hooli:before { | |
| content: "\f427"; | |
| } | |
| .fa-hornbill:before { | |
| content: "\f592"; | |
| } | |
| .fa-horse:before { | |
| content: "\f6f0"; | |
| } | |
| .fa-horse-head:before { | |
| content: "\f7ab"; | |
| } | |
| .fa-hospital:before { | |
| content: "\f0f8"; | |
| } | |
| .fa-hospital-alt:before { | |
| content: "\f47d"; | |
| } | |
| .fa-hospital-symbol:before { | |
| content: "\f47e"; | |
| } | |
| .fa-hospital-user:before { | |
| content: "\f80d"; | |
| } | |
| .fa-hot-tub:before { | |
| content: "\f593"; | |
| } | |
| .fa-hotdog:before { | |
| content: "\f80f"; | |
| } | |
| .fa-hotel:before { | |
| content: "\f594"; | |
| } | |
| .fa-hotjar:before { | |
| content: "\f3b1"; | |
| } | |
| .fa-hourglass:before { | |
| content: "\f254"; | |
| } | |
| .fa-hourglass-end:before { | |
| content: "\f253"; | |
| } | |
| .fa-hourglass-half:before { | |
| content: "\f252"; | |
| } | |
| .fa-hourglass-start:before { | |
| content: "\f251"; | |
| } | |
| .fa-house-damage:before { | |
| content: "\f6f1"; | |
| } | |
| .fa-house-user:before { | |
| content: "\e065"; | |
| } | |
| .fa-houzz:before { | |
| content: "\f27c"; | |
| } | |
| .fa-hryvnia:before { | |
| content: "\f6f2"; | |
| } | |
| .fa-html5:before { | |
| content: "\f13b"; | |
| } | |
| .fa-hubspot:before { | |
| content: "\f3b2"; | |
| } | |
| .fa-i-cursor:before { | |
| content: "\f246"; | |
| } | |
| .fa-ice-cream:before { | |
| content: "\f810"; | |
| } | |
| .fa-icicles:before { | |
| content: "\f7ad"; | |
| } | |
| .fa-icons:before { | |
| content: "\f86d"; | |
| } | |
| .fa-id-badge:before { | |
| content: "\f2c1"; | |
| } | |
| .fa-id-card:before { | |
| content: "\f2c2"; | |
| } | |
| .fa-id-card-alt:before { | |
| content: "\f47f"; | |
| } | |
| .fa-ideal:before { | |
| content: "\e013"; | |
| } | |
| .fa-igloo:before { | |
| content: "\f7ae"; | |
| } | |
| .fa-image:before { | |
| content: "\f03e"; | |
| } | |
| .fa-images:before { | |
| content: "\f302"; | |
| } | |
| .fa-imdb:before { | |
| content: "\f2d8"; | |
| } | |
| .fa-inbox:before { | |
| content: "\f01c"; | |
| } | |
| .fa-indent:before { | |
| content: "\f03c"; | |
| } | |
| .fa-industry:before { | |
| content: "\f275"; | |
| } | |
| .fa-infinity:before { | |
| content: "\f534"; | |
| } | |
| .fa-info:before { | |
| content: "\f129"; | |
| } | |
| .fa-info-circle:before { | |
| content: "\f05a"; | |
| } | |
| .fa-innosoft:before { | |
| content: "\e080"; | |
| } | |
| .fa-instagram:before { | |
| content: "\f16d"; | |
| } | |
| .fa-instagram-square:before { | |
| content: "\e055"; | |
| } | |
| .fa-instalod:before { | |
| content: "\e081"; | |
| } | |
| .fa-intercom:before { | |
| content: "\f7af"; | |
| } | |
| .fa-internet-explorer:before { | |
| content: "\f26b"; | |
| } | |
| .fa-invision:before { | |
| content: "\f7b0"; | |
| } | |
| .fa-ioxhost:before { | |
| content: "\f208"; | |
| } | |
| .fa-italic:before { | |
| content: "\f033"; | |
| } | |
| .fa-itch-io:before { | |
| content: "\f83a"; | |
| } | |
| .fa-itunes:before { | |
| content: "\f3b4"; | |
| } | |
| .fa-itunes-note:before { | |
| content: "\f3b5"; | |
| } | |
| .fa-java:before { | |
| content: "\f4e4"; | |
| } | |
| .fa-jedi:before { | |
| content: "\f669"; | |
| } | |
| .fa-jedi-order:before { | |
| content: "\f50e"; | |
| } | |
| .fa-jenkins:before { | |
| content: "\f3b6"; | |
| } | |
| .fa-jira:before { | |
| content: "\f7b1"; | |
| } | |
| .fa-joget:before { | |
| content: "\f3b7"; | |
| } | |
| .fa-joint:before { | |
| content: "\f595"; | |
| } | |
| .fa-joomla:before { | |
| content: "\f1aa"; | |
| } | |
| .fa-journal-whills:before { | |
| content: "\f66a"; | |
| } | |
| .fa-js:before { | |
| content: "\f3b8"; | |
| } | |
| .fa-js-square:before { | |
| content: "\f3b9"; | |
| } | |
| .fa-jsfiddle:before { | |
| content: "\f1cc"; | |
| } | |
| .fa-kaaba:before { | |
| content: "\f66b"; | |
| } | |
| .fa-kaggle:before { | |
| content: "\f5fa"; | |
| } | |
| .fa-key:before { | |
| content: "\f084"; | |
| } | |
| .fa-keybase:before { | |
| content: "\f4f5"; | |
| } | |
| .fa-keyboard:before { | |
| content: "\f11c"; | |
| } | |
| .fa-keycdn:before { | |
| content: "\f3ba"; | |
| } | |
| .fa-khanda:before { | |
| content: "\f66d"; | |
| } | |
| .fa-kickstarter:before { | |
| content: "\f3bb"; | |
| } | |
| .fa-kickstarter-k:before { | |
| content: "\f3bc"; | |
| } | |
| .fa-kiss:before { | |
| content: "\f596"; | |
| } | |
| .fa-kiss-beam:before { | |
| content: "\f597"; | |
| } | |
| .fa-kiss-wink-heart:before { | |
| content: "\f598"; | |
| } | |
| .fa-kiwi-bird:before { | |
| content: "\f535"; | |
| } | |
| .fa-korvue:before { | |
| content: "\f42f"; | |
| } | |
| .fa-landmark:before { | |
| content: "\f66f"; | |
| } | |
| .fa-language:before { | |
| content: "\f1ab"; | |
| } | |
| .fa-laptop:before { | |
| content: "\f109"; | |
| } | |
| .fa-laptop-code:before { | |
| content: "\f5fc"; | |
| } | |
| .fa-laptop-house:before { | |
| content: "\e066"; | |
| } | |
| .fa-laptop-medical:before { | |
| content: "\f812"; | |
| } | |
| .fa-laravel:before { | |
| content: "\f3bd"; | |
| } | |
| .fa-lastfm:before { | |
| content: "\f202"; | |
| } | |
| .fa-lastfm-square:before { | |
| content: "\f203"; | |
| } | |
| .fa-laugh:before { | |
| content: "\f599"; | |
| } | |
| .fa-laugh-beam:before { | |
| content: "\f59a"; | |
| } | |
| .fa-laugh-squint:before { | |
| content: "\f59b"; | |
| } | |
| .fa-laugh-wink:before { | |
| content: "\f59c"; | |
| } | |
| .fa-layer-group:before { | |
| content: "\f5fd"; | |
| } | |
| .fa-leaf:before { | |
| content: "\f06c"; | |
| } | |
| .fa-leanpub:before { | |
| content: "\f212"; | |
| } | |
| .fa-lemon:before { | |
| content: "\f094"; | |
| } | |
| .fa-less:before { | |
| content: "\f41d"; | |
| } | |
| .fa-less-than:before { | |
| content: "\f536"; | |
| } | |
| .fa-less-than-equal:before { | |
| content: "\f537"; | |
| } | |
| .fa-level-down-alt:before { | |
| content: "\f3be"; | |
| } | |
| .fa-level-up-alt:before { | |
| content: "\f3bf"; | |
| } | |
| .fa-life-ring:before { | |
| content: "\f1cd"; | |
| } | |
| .fa-lightbulb:before { | |
| content: "\f0eb"; | |
| } | |
| .fa-line:before { | |
| content: "\f3c0"; | |
| } | |
| .fa-link:before { | |
| content: "\f0c1"; | |
| } | |
| .fa-linkedin:before { | |
| content: "\f08c"; | |
| } | |
| .fa-linkedin-in:before { | |
| content: "\f0e1"; | |
| } | |
| .fa-linode:before { | |
| content: "\f2b8"; | |
| } | |
| .fa-linux:before { | |
| content: "\f17c"; | |
| } | |
| .fa-lira-sign:before { | |
| content: "\f195"; | |
| } | |
| .fa-list:before { | |
| content: "\f03a"; | |
| } | |
| .fa-list-alt:before { | |
| content: "\f022"; | |
| } | |
| .fa-list-ol:before { | |
| content: "\f0cb"; | |
| } | |
| .fa-list-ul:before { | |
| content: "\f0ca"; | |
| } | |
| .fa-location-arrow:before { | |
| content: "\f124"; | |
| } | |
| .fa-lock:before { | |
| content: "\f023"; | |
| } | |
| .fa-lock-open:before { | |
| content: "\f3c1"; | |
| } | |
| .fa-long-arrow-alt-down:before { | |
| content: "\f309"; | |
| } | |
| .fa-long-arrow-alt-left:before { | |
| content: "\f30a"; | |
| } | |
| .fa-long-arrow-alt-right:before { | |
| content: "\f30b"; | |
| } | |
| .fa-long-arrow-alt-up:before { | |
| content: "\f30c"; | |
| } | |
| .fa-low-vision:before { | |
| content: "\f2a8"; | |
| } | |
| .fa-luggage-cart:before { | |
| content: "\f59d"; | |
| } | |
| .fa-lungs:before { | |
| content: "\f604"; | |
| } | |
| .fa-lungs-virus:before { | |
| content: "\e067"; | |
| } | |
| .fa-lyft:before { | |
| content: "\f3c3"; | |
| } | |
| .fa-magento:before { | |
| content: "\f3c4"; | |
| } | |
| .fa-magic:before { | |
| content: "\f0d0"; | |
| } | |
| .fa-magnet:before { | |
| content: "\f076"; | |
| } | |
| .fa-mail-bulk:before { | |
| content: "\f674"; | |
| } | |
| .fa-mailchimp:before { | |
| content: "\f59e"; | |
| } | |
| .fa-male:before { | |
| content: "\f183"; | |
| } | |
| .fa-mandalorian:before { | |
| content: "\f50f"; | |
| } | |
| .fa-map:before { | |
| content: "\f279"; | |
| } | |
| .fa-map-marked:before { | |
| content: "\f59f"; | |
| } | |
| .fa-map-marked-alt:before { | |
| content: "\f5a0"; | |
| } | |
| .fa-map-marker:before { | |
| content: "\f041"; | |
| } | |
| .fa-map-marker-alt:before { | |
| content: "\f3c5"; | |
| } | |
| .fa-map-pin:before { | |
| content: "\f276"; | |
| } | |
| .fa-map-signs:before { | |
| content: "\f277"; | |
| } | |
| .fa-markdown:before { | |
| content: "\f60f"; | |
| } | |
| .fa-marker:before { | |
| content: "\f5a1"; | |
| } | |
| .fa-mars:before { | |
| content: "\f222"; | |
| } | |
| .fa-mars-double:before { | |
| content: "\f227"; | |
| } | |
| .fa-mars-stroke:before { | |
| content: "\f229"; | |
| } | |
| .fa-mars-stroke-h:before { | |
| content: "\f22b"; | |
| } | |
| .fa-mars-stroke-v:before { | |
| content: "\f22a"; | |
| } | |
| .fa-mask:before { | |
| content: "\f6fa"; | |
| } | |
| .fa-mastodon:before { | |
| content: "\f4f6"; | |
| } | |
| .fa-maxcdn:before { | |
| content: "\f136"; | |
| } | |
| .fa-mdb:before { | |
| content: "\f8ca"; | |
| } | |
| .fa-medal:before { | |
| content: "\f5a2"; | |
| } | |
| .fa-medapps:before { | |
| content: "\f3c6"; | |
| } | |
| .fa-medium:before { | |
| content: "\f23a"; | |
| } | |
| .fa-medium-m:before { | |
| content: "\f3c7"; | |
| } | |
| .fa-medkit:before { | |
| content: "\f0fa"; | |
| } | |
| .fa-medrt:before { | |
| content: "\f3c8"; | |
| } | |
| .fa-meetup:before { | |
| content: "\f2e0"; | |
| } | |
| .fa-megaport:before { | |
| content: "\f5a3"; | |
| } | |
| .fa-meh:before { | |
| content: "\f11a"; | |
| } | |
| .fa-meh-blank:before { | |
| content: "\f5a4"; | |
| } | |
| .fa-meh-rolling-eyes:before { | |
| content: "\f5a5"; | |
| } | |
| .fa-memory:before { | |
| content: "\f538"; | |
| } | |
| .fa-mendeley:before { | |
| content: "\f7b3"; | |
| } | |
| .fa-menorah:before { | |
| content: "\f676"; | |
| } | |
| .fa-mercury:before { | |
| content: "\f223"; | |
| } | |
| .fa-meteor:before { | |
| content: "\f753"; | |
| } | |
| .fa-microblog:before { | |
| content: "\e01a"; | |
| } | |
| .fa-microchip:before { | |
| content: "\f2db"; | |
| } | |
| .fa-microphone:before { | |
| content: "\f130"; | |
| } | |
| .fa-microphone-alt:before { | |
| content: "\f3c9"; | |
| } | |
| .fa-microphone-alt-slash:before { | |
| content: "\f539"; | |
| } | |
| .fa-microphone-slash:before { | |
| content: "\f131"; | |
| } | |
| .fa-microscope:before { | |
| content: "\f610"; | |
| } | |
| .fa-microsoft:before { | |
| content: "\f3ca"; | |
| } | |
| .fa-minus:before { | |
| content: "\f068"; | |
| } | |
| .fa-minus-circle:before { | |
| content: "\f056"; | |
| } | |
| .fa-minus-square:before { | |
| content: "\f146"; | |
| } | |
| .fa-mitten:before { | |
| content: "\f7b5"; | |
| } | |
| .fa-mix:before { | |
| content: "\f3cb"; | |
| } | |
| .fa-mixcloud:before { | |
| content: "\f289"; | |
| } | |
| .fa-mixer:before { | |
| content: "\e056"; | |
| } | |
| .fa-mizuni:before { | |
| content: "\f3cc"; | |
| } | |
| .fa-mobile:before { | |
| content: "\f10b"; | |
| } | |
| .fa-mobile-alt:before { | |
| content: "\f3cd"; | |
| } | |
| .fa-modx:before { | |
| content: "\f285"; | |
| } | |
| .fa-monero:before { | |
| content: "\f3d0"; | |
| } | |
| .fa-money-bill:before { | |
| content: "\f0d6"; | |
| } | |
| .fa-money-bill-alt:before { | |
| content: "\f3d1"; | |
| } | |
| .fa-money-bill-wave:before { | |
| content: "\f53a"; | |
| } | |
| .fa-money-bill-wave-alt:before { | |
| content: "\f53b"; | |
| } | |
| .fa-money-check:before { | |
| content: "\f53c"; | |
| } | |
| .fa-money-check-alt:before { | |
| content: "\f53d"; | |
| } | |
| .fa-monument:before { | |
| content: "\f5a6"; | |
| } | |
| .fa-moon:before { | |
| content: "\f186"; | |
| } | |
| .fa-mortar-pestle:before { | |
| content: "\f5a7"; | |
| } | |
| .fa-mosque:before { | |
| content: "\f678"; | |
| } | |
| .fa-motorcycle:before { | |
| content: "\f21c"; | |
| } | |
| .fa-mountain:before { | |
| content: "\f6fc"; | |
| } | |
| .fa-mouse:before { | |
| content: "\f8cc"; | |
| } | |
| .fa-mouse-pointer:before { | |
| content: "\f245"; | |
| } | |
| .fa-mug-hot:before { | |
| content: "\f7b6"; | |
| } | |
| .fa-music:before { | |
| content: "\f001"; | |
| } | |
| .fa-napster:before { | |
| content: "\f3d2"; | |
| } | |
| .fa-neos:before { | |
| content: "\f612"; | |
| } | |
| .fa-network-wired:before { | |
| content: "\f6ff"; | |
| } | |
| .fa-neuter:before { | |
| content: "\f22c"; | |
| } | |
| .fa-newspaper:before { | |
| content: "\f1ea"; | |
| } | |
| .fa-nimblr:before { | |
| content: "\f5a8"; | |
| } | |
| .fa-node:before { | |
| content: "\f419"; | |
| } | |
| .fa-node-js:before { | |
| content: "\f3d3"; | |
| } | |
| .fa-not-equal:before { | |
| content: "\f53e"; | |
| } | |
| .fa-notes-medical:before { | |
| content: "\f481"; | |
| } | |
| .fa-npm:before { | |
| content: "\f3d4"; | |
| } | |
| .fa-ns8:before { | |
| content: "\f3d5"; | |
| } | |
| .fa-nutritionix:before { | |
| content: "\f3d6"; | |
| } | |
| .fa-object-group:before { | |
| content: "\f247"; | |
| } | |
| .fa-object-ungroup:before { | |
| content: "\f248"; | |
| } | |
| .fa-octopus-deploy:before { | |
| content: "\e082"; | |
| } | |
| .fa-odnoklassniki:before { | |
| content: "\f263"; | |
| } | |
| .fa-odnoklassniki-square:before { | |
| content: "\f264"; | |
| } | |
| .fa-oil-can:before { | |
| content: "\f613"; | |
| } | |
| .fa-old-republic:before { | |
| content: "\f510"; | |
| } | |
| .fa-om:before { | |
| content: "\f679"; | |
| } | |
| .fa-opencart:before { | |
| content: "\f23d"; | |
| } | |
| .fa-openid:before { | |
| content: "\f19b"; | |
| } | |
| .fa-opera:before { | |
| content: "\f26a"; | |
| } | |
| .fa-optin-monster:before { | |
| content: "\f23c"; | |
| } | |
| .fa-orcid:before { | |
| content: "\f8d2"; | |
| } | |
| .fa-osi:before { | |
| content: "\f41a"; | |
| } | |
| .fa-otter:before { | |
| content: "\f700"; | |
| } | |
| .fa-outdent:before { | |
| content: "\f03b"; | |
| } | |
| .fa-page4:before { | |
| content: "\f3d7"; | |
| } | |
| .fa-pagelines:before { | |
| content: "\f18c"; | |
| } | |
| .fa-pager:before { | |
| content: "\f815"; | |
| } | |
| .fa-paint-brush:before { | |
| content: "\f1fc"; | |
| } | |
| .fa-paint-roller:before { | |
| content: "\f5aa"; | |
| } | |
| .fa-palette:before { | |
| content: "\f53f"; | |
| } | |
| .fa-palfed:before { | |
| content: "\f3d8"; | |
| } | |
| .fa-pallet:before { | |
| content: "\f482"; | |
| } | |
| .fa-paper-plane:before { | |
| content: "\f1d8"; | |
| } | |
| .fa-paperclip:before { | |
| content: "\f0c6"; | |
| } | |
| .fa-parachute-box:before { | |
| content: "\f4cd"; | |
| } | |
| .fa-paragraph:before { | |
| content: "\f1dd"; | |
| } | |
| .fa-parking:before { | |
| content: "\f540"; | |
| } | |
| .fa-passport:before { | |
| content: "\f5ab"; | |
| } | |
| .fa-pastafarianism:before { | |
| content: "\f67b"; | |
| } | |
| .fa-paste:before { | |
| content: "\f0ea"; | |
| } | |
| .fa-patreon:before { | |
| content: "\f3d9"; | |
| } | |
| .fa-pause:before { | |
| content: "\f04c"; | |
| } | |
| .fa-pause-circle:before { | |
| content: "\f28b"; | |
| } | |
| .fa-paw:before { | |
| content: "\f1b0"; | |
| } | |
| .fa-paypal:before { | |
| content: "\f1ed"; | |
| } | |
| .fa-peace:before { | |
| content: "\f67c"; | |
| } | |
| .fa-pen:before { | |
| content: "\f304"; | |
| } | |
| .fa-pen-alt:before { | |
| content: "\f305"; | |
| } | |
| .fa-pen-fancy:before { | |
| content: "\f5ac"; | |
| } | |
| .fa-pen-nib:before { | |
| content: "\f5ad"; | |
| } | |
| .fa-pen-square:before { | |
| content: "\f14b"; | |
| } | |
| .fa-pencil-alt:before { | |
| content: "\f303"; | |
| } | |
| .fa-pencil-ruler:before { | |
| content: "\f5ae"; | |
| } | |
| .fa-penny-arcade:before { | |
| content: "\f704"; | |
| } | |
| .fa-people-arrows:before { | |
| content: "\e068"; | |
| } | |
| .fa-people-carry:before { | |
| content: "\f4ce"; | |
| } | |
| .fa-pepper-hot:before { | |
| content: "\f816"; | |
| } | |
| .fa-perbyte:before { | |
| content: "\e083"; | |
| } | |
| .fa-percent:before { | |
| content: "\f295"; | |
| } | |
| .fa-percentage:before { | |
| content: "\f541"; | |
| } | |
| .fa-periscope:before { | |
| content: "\f3da"; | |
| } | |
| .fa-person-booth:before { | |
| content: "\f756"; | |
| } | |
| .fa-phabricator:before { | |
| content: "\f3db"; | |
| } | |
| .fa-phoenix-framework:before { | |
| content: "\f3dc"; | |
| } | |
| .fa-phoenix-squadron:before { | |
| content: "\f511"; | |
| } | |
| .fa-phone:before { | |
| content: "\f095"; | |
| } | |
| .fa-phone-alt:before { | |
| content: "\f879"; | |
| } | |
| .fa-phone-slash:before { | |
| content: "\f3dd"; | |
| } | |
| .fa-phone-square:before { | |
| content: "\f098"; | |
| } | |
| .fa-phone-square-alt:before { | |
| content: "\f87b"; | |
| } | |
| .fa-phone-volume:before { | |
| content: "\f2a0"; | |
| } | |
| .fa-photo-video:before { | |
| content: "\f87c"; | |
| } | |
| .fa-php:before { | |
| content: "\f457"; | |
| } | |
| .fa-pied-piper:before { | |
| content: "\f2ae"; | |
| } | |
| .fa-pied-piper-alt:before { | |
| content: "\f1a8"; | |
| } | |
| .fa-pied-piper-hat:before { | |
| content: "\f4e5"; | |
| } | |
| .fa-pied-piper-pp:before { | |
| content: "\f1a7"; | |
| } | |
| .fa-pied-piper-square:before { | |
| content: "\e01e"; | |
| } | |
| .fa-piggy-bank:before { | |
| content: "\f4d3"; | |
| } | |
| .fa-pills:before { | |
| content: "\f484"; | |
| } | |
| .fa-pinterest:before { | |
| content: "\f0d2"; | |
| } | |
| .fa-pinterest-p:before { | |
| content: "\f231"; | |
| } | |
| .fa-pinterest-square:before { | |
| content: "\f0d3"; | |
| } | |
| .fa-pizza-slice:before { | |
| content: "\f818"; | |
| } | |
| .fa-place-of-worship:before { | |
| content: "\f67f"; | |
| } | |
| .fa-plane:before { | |
| content: "\f072"; | |
| } | |
| .fa-plane-arrival:before { | |
| content: "\f5af"; | |
| } | |
| .fa-plane-departure:before { | |
| content: "\f5b0"; | |
| } | |
| .fa-plane-slash:before { | |
| content: "\e069"; | |
| } | |
| .fa-play:before { | |
| content: "\f04b"; | |
| } | |
| .fa-play-circle:before { | |
| content: "\f144"; | |
| } | |
| .fa-playstation:before { | |
| content: "\f3df"; | |
| } | |
| .fa-plug:before { | |
| content: "\f1e6"; | |
| } | |
| .fa-plus:before { | |
| content: "\f067"; | |
| } | |
| .fa-plus-circle:before { | |
| content: "\f055"; | |
| } | |
| .fa-plus-square:before { | |
| content: "\f0fe"; | |
| } | |
| .fa-podcast:before { | |
| content: "\f2ce"; | |
| } | |
| .fa-poll:before { | |
| content: "\f681"; | |
| } | |
| .fa-poll-h:before { | |
| content: "\f682"; | |
| } | |
| .fa-poo:before { | |
| content: "\f2fe"; | |
| } | |
| .fa-poo-storm:before { | |
| content: "\f75a"; | |
| } | |
| .fa-poop:before { | |
| content: "\f619"; | |
| } | |
| .fa-portrait:before { | |
| content: "\f3e0"; | |
| } | |
| .fa-pound-sign:before { | |
| content: "\f154"; | |
| } | |
| .fa-power-off:before { | |
| content: "\f011"; | |
| } | |
| .fa-pray:before { | |
| content: "\f683"; | |
| } | |
| .fa-praying-hands:before { | |
| content: "\f684"; | |
| } | |
| .fa-prescription:before { | |
| content: "\f5b1"; | |
| } | |
| .fa-prescription-bottle:before { | |
| content: "\f485"; | |
| } | |
| .fa-prescription-bottle-alt:before { | |
| content: "\f486"; | |
| } | |
| .fa-print:before { | |
| content: "\f02f"; | |
| } | |
| .fa-procedures:before { | |
| content: "\f487"; | |
| } | |
| .fa-product-hunt:before { | |
| content: "\f288"; | |
| } | |
| .fa-project-diagram:before { | |
| content: "\f542"; | |
| } | |
| .fa-pump-medical:before { | |
| content: "\e06a"; | |
| } | |
| .fa-pump-soap:before { | |
| content: "\e06b"; | |
| } | |
| .fa-pushed:before { | |
| content: "\f3e1"; | |
| } | |
| .fa-puzzle-piece:before { | |
| content: "\f12e"; | |
| } | |
| .fa-python:before { | |
| content: "\f3e2"; | |
| } | |
| .fa-qq:before { | |
| content: "\f1d6"; | |
| } | |
| .fa-qrcode:before { | |
| content: "\f029"; | |
| } | |
| .fa-question:before { | |
| content: "\f128"; | |
| } | |
| .fa-question-circle:before { | |
| content: "\f059"; | |
| } | |
| .fa-quidditch:before { | |
| content: "\f458"; | |
| } | |
| .fa-quinscape:before { | |
| content: "\f459"; | |
| } | |
| .fa-quora:before { | |
| content: "\f2c4"; | |
| } | |
| .fa-quote-left:before { | |
| content: "\f10d"; | |
| } | |
| .fa-quote-right:before { | |
| content: "\f10e"; | |
| } | |
| .fa-quran:before { | |
| content: "\f687"; | |
| } | |
| .fa-r-project:before { | |
| content: "\f4f7"; | |
| } | |
| .fa-radiation:before { | |
| content: "\f7b9"; | |
| } | |
| .fa-radiation-alt:before { | |
| content: "\f7ba"; | |
| } | |
| .fa-rainbow:before { | |
| content: "\f75b"; | |
| } | |
| .fa-random:before { | |
| content: "\f074"; | |
| } | |
| .fa-raspberry-pi:before { | |
| content: "\f7bb"; | |
| } | |
| .fa-ravelry:before { | |
| content: "\f2d9"; | |
| } | |
| .fa-react:before { | |
| content: "\f41b"; | |
| } | |
| .fa-reacteurope:before { | |
| content: "\f75d"; | |
| } | |
| .fa-readme:before { | |
| content: "\f4d5"; | |
| } | |
| .fa-rebel:before { | |
| content: "\f1d0"; | |
| } | |
| .fa-receipt:before { | |
| content: "\f543"; | |
| } | |
| .fa-record-vinyl:before { | |
| content: "\f8d9"; | |
| } | |
| .fa-recycle:before { | |
| content: "\f1b8"; | |
| } | |
| .fa-red-river:before { | |
| content: "\f3e3"; | |
| } | |
| .fa-reddit:before { | |
| content: "\f1a1"; | |
| } | |
| .fa-reddit-alien:before { | |
| content: "\f281"; | |
| } | |
| .fa-reddit-square:before { | |
| content: "\f1a2"; | |
| } | |
| .fa-redhat:before { | |
| content: "\f7bc"; | |
| } | |
| .fa-redo:before { | |
| content: "\f01e"; | |
| } | |
| .fa-redo-alt:before { | |
| content: "\f2f9"; | |
| } | |
| .fa-registered:before { | |
| content: "\f25d"; | |
| } | |
| .fa-remove-format:before { | |
| content: "\f87d"; | |
| } | |
| .fa-renren:before { | |
| content: "\f18b"; | |
| } | |
| .fa-reply:before { | |
| content: "\f3e5"; | |
| } | |
| .fa-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .fa-replyd:before { | |
| content: "\f3e6"; | |
| } | |
| .fa-republican:before { | |
| content: "\f75e"; | |
| } | |
| .fa-researchgate:before { | |
| content: "\f4f8"; | |
| } | |
| .fa-resolving:before { | |
| content: "\f3e7"; | |
| } | |
| .fa-restroom:before { | |
| content: "\f7bd"; | |
| } | |
| .fa-retweet:before { | |
| content: "\f079"; | |
| } | |
| .fa-rev:before { | |
| content: "\f5b2"; | |
| } | |
| .fa-ribbon:before { | |
| content: "\f4d6"; | |
| } | |
| .fa-ring:before { | |
| content: "\f70b"; | |
| } | |
| .fa-road:before { | |
| content: "\f018"; | |
| } | |
| .fa-robot:before { | |
| content: "\f544"; | |
| } | |
| .fa-rocket:before { | |
| content: "\f135"; | |
| } | |
| .fa-rocketchat:before { | |
| content: "\f3e8"; | |
| } | |
| .fa-rockrms:before { | |
| content: "\f3e9"; | |
| } | |
| .fa-route:before { | |
| content: "\f4d7"; | |
| } | |
| .fa-rss:before { | |
| content: "\f09e"; | |
| } | |
| .fa-rss-square:before { | |
| content: "\f143"; | |
| } | |
| .fa-ruble-sign:before { | |
| content: "\f158"; | |
| } | |
| .fa-ruler:before { | |
| content: "\f545"; | |
| } | |
| .fa-ruler-combined:before { | |
| content: "\f546"; | |
| } | |
| .fa-ruler-horizontal:before { | |
| content: "\f547"; | |
| } | |
| .fa-ruler-vertical:before { | |
| content: "\f548"; | |
| } | |
| .fa-running:before { | |
| content: "\f70c"; | |
| } | |
| .fa-rupee-sign:before { | |
| content: "\f156"; | |
| } | |
| .fa-rust:before { | |
| content: "\e07a"; | |
| } | |
| .fa-sad-cry:before { | |
| content: "\f5b3"; | |
| } | |
| .fa-sad-tear:before { | |
| content: "\f5b4"; | |
| } | |
| .fa-safari:before { | |
| content: "\f267"; | |
| } | |
| .fa-salesforce:before { | |
| content: "\f83b"; | |
| } | |
| .fa-sass:before { | |
| content: "\f41e"; | |
| } | |
| .fa-satellite:before { | |
| content: "\f7bf"; | |
| } | |
| .fa-satellite-dish:before { | |
| content: "\f7c0"; | |
| } | |
| .fa-save:before { | |
| content: "\f0c7"; | |
| } | |
| .fa-schlix:before { | |
| content: "\f3ea"; | |
| } | |
| .fa-school:before { | |
| content: "\f549"; | |
| } | |
| .fa-screwdriver:before { | |
| content: "\f54a"; | |
| } | |
| .fa-scribd:before { | |
| content: "\f28a"; | |
| } | |
| .fa-scroll:before { | |
| content: "\f70e"; | |
| } | |
| .fa-sd-card:before { | |
| content: "\f7c2"; | |
| } | |
| .fa-search:before { | |
| content: "\f002"; | |
| } | |
| .fa-search-dollar:before { | |
| content: "\f688"; | |
| } | |
| .fa-search-location:before { | |
| content: "\f689"; | |
| } | |
| .fa-search-minus:before { | |
| content: "\f010"; | |
| } | |
| .fa-search-plus:before { | |
| content: "\f00e"; | |
| } | |
| .fa-searchengin:before { | |
| content: "\f3eb"; | |
| } | |
| .fa-seedling:before { | |
| content: "\f4d8"; | |
| } | |
| .fa-sellcast:before { | |
| content: "\f2da"; | |
| } | |
| .fa-sellsy:before { | |
| content: "\f213"; | |
| } | |
| .fa-server:before { | |
| content: "\f233"; | |
| } | |
| .fa-servicestack:before { | |
| content: "\f3ec"; | |
| } | |
| .fa-shapes:before { | |
| content: "\f61f"; | |
| } | |
| .fa-share:before { | |
| content: "\f064"; | |
| } | |
| .fa-share-alt:before { | |
| content: "\f1e0"; | |
| } | |
| .fa-share-alt-square:before { | |
| content: "\f1e1"; | |
| } | |
| .fa-share-square:before { | |
| content: "\f14d"; | |
| } | |
| .fa-shekel-sign:before { | |
| content: "\f20b"; | |
| } | |
| .fa-shield-alt:before { | |
| content: "\f3ed"; | |
| } | |
| .fa-shield-virus:before { | |
| content: "\e06c"; | |
| } | |
| .fa-ship:before { | |
| content: "\f21a"; | |
| } | |
| .fa-shipping-fast:before { | |
| content: "\f48b"; | |
| } | |
| .fa-shirtsinbulk:before { | |
| content: "\f214"; | |
| } | |
| .fa-shoe-prints:before { | |
| content: "\f54b"; | |
| } | |
| .fa-shopify:before { | |
| content: "\e057"; | |
| } | |
| .fa-shopping-bag:before { | |
| content: "\f290"; | |
| } | |
| .fa-shopping-basket:before { | |
| content: "\f291"; | |
| } | |
| .fa-shopping-cart:before { | |
| content: "\f07a"; | |
| } | |
| .fa-shopware:before { | |
| content: "\f5b5"; | |
| } | |
| .fa-shower:before { | |
| content: "\f2cc"; | |
| } | |
| .fa-shuttle-van:before { | |
| content: "\f5b6"; | |
| } | |
| .fa-sign:before { | |
| content: "\f4d9"; | |
| } | |
| .fa-sign-in-alt:before { | |
| content: "\f2f6"; | |
| } | |
| .fa-sign-language:before { | |
| content: "\f2a7"; | |
| } | |
| .fa-sign-out-alt:before { | |
| content: "\f2f5"; | |
| } | |
| .fa-signal:before { | |
| content: "\f012"; | |
| } | |
| .fa-signature:before { | |
| content: "\f5b7"; | |
| } | |
| .fa-sim-card:before { | |
| content: "\f7c4"; | |
| } | |
| .fa-simplybuilt:before { | |
| content: "\f215"; | |
| } | |
| .fa-sink:before { | |
| content: "\e06d"; | |
| } | |
| .fa-sistrix:before { | |
| content: "\f3ee"; | |
| } | |
| .fa-sitemap:before { | |
| content: "\f0e8"; | |
| } | |
| .fa-sith:before { | |
| content: "\f512"; | |
| } | |
| .fa-skating:before { | |
| content: "\f7c5"; | |
| } | |
| .fa-sketch:before { | |
| content: "\f7c6"; | |
| } | |
| .fa-skiing:before { | |
| content: "\f7c9"; | |
| } | |
| .fa-skiing-nordic:before { | |
| content: "\f7ca"; | |
| } | |
| .fa-skull:before { | |
| content: "\f54c"; | |
| } | |
| .fa-skull-crossbones:before { | |
| content: "\f714"; | |
| } | |
| .fa-skyatlas:before { | |
| content: "\f216"; | |
| } | |
| .fa-skype:before { | |
| content: "\f17e"; | |
| } | |
| .fa-slack:before { | |
| content: "\f198"; | |
| } | |
| .fa-slack-hash:before { | |
| content: "\f3ef"; | |
| } | |
| .fa-slash:before { | |
| content: "\f715"; | |
| } | |
| .fa-sleigh:before { | |
| content: "\f7cc"; | |
| } | |
| .fa-sliders-h:before { | |
| content: "\f1de"; | |
| } | |
| .fa-slideshare:before { | |
| content: "\f1e7"; | |
| } | |
| .fa-smile:before { | |
| content: "\f118"; | |
| } | |
| .fa-smile-beam:before { | |
| content: "\f5b8"; | |
| } | |
| .fa-smile-wink:before { | |
| content: "\f4da"; | |
| } | |
| .fa-smog:before { | |
| content: "\f75f"; | |
| } | |
| .fa-smoking:before { | |
| content: "\f48d"; | |
| } | |
| .fa-smoking-ban:before { | |
| content: "\f54d"; | |
| } | |
| .fa-sms:before { | |
| content: "\f7cd"; | |
| } | |
| .fa-snapchat:before { | |
| content: "\f2ab"; | |
| } | |
| .fa-snapchat-ghost:before { | |
| content: "\f2ac"; | |
| } | |
| .fa-snapchat-square:before { | |
| content: "\f2ad"; | |
| } | |
| .fa-snowboarding:before { | |
| content: "\f7ce"; | |
| } | |
| .fa-snowflake:before { | |
| content: "\f2dc"; | |
| } | |
| .fa-snowman:before { | |
| content: "\f7d0"; | |
| } | |
| .fa-snowplow:before { | |
| content: "\f7d2"; | |
| } | |
| .fa-soap:before { | |
| content: "\e06e"; | |
| } | |
| .fa-socks:before { | |
| content: "\f696"; | |
| } | |
| .fa-solar-panel:before { | |
| content: "\f5ba"; | |
| } | |
| .fa-sort:before { | |
| content: "\f0dc"; | |
| } | |
| .fa-sort-alpha-down:before { | |
| content: "\f15d"; | |
| } | |
| .fa-sort-alpha-down-alt:before { | |
| content: "\f881"; | |
| } | |
| .fa-sort-alpha-up:before { | |
| content: "\f15e"; | |
| } | |
| .fa-sort-alpha-up-alt:before { | |
| content: "\f882"; | |
| } | |
| .fa-sort-amount-down:before { | |
| content: "\f160"; | |
| } | |
| .fa-sort-amount-down-alt:before { | |
| content: "\f884"; | |
| } | |
| .fa-sort-amount-up:before { | |
| content: "\f161"; | |
| } | |
| .fa-sort-amount-up-alt:before { | |
| content: "\f885"; | |
| } | |
| .fa-sort-down:before { | |
| content: "\f0dd"; | |
| } | |
| .fa-sort-numeric-down:before { | |
| content: "\f162"; | |
| } | |
| .fa-sort-numeric-down-alt:before { | |
| content: "\f886"; | |
| } | |
| .fa-sort-numeric-up:before { | |
| content: "\f163"; | |
| } | |
| .fa-sort-numeric-up-alt:before { | |
| content: "\f887"; | |
| } | |
| .fa-sort-up:before { | |
| content: "\f0de"; | |
| } | |
| .fa-soundcloud:before { | |
| content: "\f1be"; | |
| } | |
| .fa-sourcetree:before { | |
| content: "\f7d3"; | |
| } | |
| .fa-spa:before { | |
| content: "\f5bb"; | |
| } | |
| .fa-space-shuttle:before { | |
| content: "\f197"; | |
| } | |
| .fa-speakap:before { | |
| content: "\f3f3"; | |
| } | |
| .fa-speaker-deck:before { | |
| content: "\f83c"; | |
| } | |
| .fa-spell-check:before { | |
| content: "\f891"; | |
| } | |
| .fa-spider:before { | |
| content: "\f717"; | |
| } | |
| .fa-spinner:before { | |
| content: "\f110"; | |
| } | |
| .fa-splotch:before { | |
| content: "\f5bc"; | |
| } | |
| .fa-spotify:before { | |
| content: "\f1bc"; | |
| } | |
| .fa-spray-can:before { | |
| content: "\f5bd"; | |
| } | |
| .fa-square:before { | |
| content: "\f0c8"; | |
| } | |
| .fa-square-full:before { | |
| content: "\f45c"; | |
| } | |
| .fa-square-root-alt:before { | |
| content: "\f698"; | |
| } | |
| .fa-squarespace:before { | |
| content: "\f5be"; | |
| } | |
| .fa-stack-exchange:before { | |
| content: "\f18d"; | |
| } | |
| .fa-stack-overflow:before { | |
| content: "\f16c"; | |
| } | |
| .fa-stackpath:before { | |
| content: "\f842"; | |
| } | |
| .fa-stamp:before { | |
| content: "\f5bf"; | |
| } | |
| .fa-star:before { | |
| content: "\f005"; | |
| } | |
| .fa-star-and-crescent:before { | |
| content: "\f699"; | |
| } | |
| .fa-star-half:before { | |
| content: "\f089"; | |
| } | |
| .fa-star-half-alt:before { | |
| content: "\f5c0"; | |
| } | |
| .fa-star-of-david:before { | |
| content: "\f69a"; | |
| } | |
| .fa-star-of-life:before { | |
| content: "\f621"; | |
| } | |
| .fa-staylinked:before { | |
| content: "\f3f5"; | |
| } | |
| .fa-steam:before { | |
| content: "\f1b6"; | |
| } | |
| .fa-steam-square:before { | |
| content: "\f1b7"; | |
| } | |
| .fa-steam-symbol:before { | |
| content: "\f3f6"; | |
| } | |
| .fa-step-backward:before { | |
| content: "\f048"; | |
| } | |
| .fa-step-forward:before { | |
| content: "\f051"; | |
| } | |
| .fa-stethoscope:before { | |
| content: "\f0f1"; | |
| } | |
| .fa-sticker-mule:before { | |
| content: "\f3f7"; | |
| } | |
| .fa-sticky-note:before { | |
| content: "\f249"; | |
| } | |
| .fa-stop:before { | |
| content: "\f04d"; | |
| } | |
| .fa-stop-circle:before { | |
| content: "\f28d"; | |
| } | |
| .fa-stopwatch:before { | |
| content: "\f2f2"; | |
| } | |
| .fa-stopwatch-20:before { | |
| content: "\e06f"; | |
| } | |
| .fa-store:before { | |
| content: "\f54e"; | |
| } | |
| .fa-store-alt:before { | |
| content: "\f54f"; | |
| } | |
| .fa-store-alt-slash:before { | |
| content: "\e070"; | |
| } | |
| .fa-store-slash:before { | |
| content: "\e071"; | |
| } | |
| .fa-strava:before { | |
| content: "\f428"; | |
| } | |
| .fa-stream:before { | |
| content: "\f550"; | |
| } | |
| .fa-street-view:before { | |
| content: "\f21d"; | |
| } | |
| .fa-strikethrough:before { | |
| content: "\f0cc"; | |
| } | |
| .fa-stripe:before { | |
| content: "\f429"; | |
| } | |
| .fa-stripe-s:before { | |
| content: "\f42a"; | |
| } | |
| .fa-stroopwafel:before { | |
| content: "\f551"; | |
| } | |
| .fa-studiovinari:before { | |
| content: "\f3f8"; | |
| } | |
| .fa-stumbleupon:before { | |
| content: "\f1a4"; | |
| } | |
| .fa-stumbleupon-circle:before { | |
| content: "\f1a3"; | |
| } | |
| .fa-subscript:before { | |
| content: "\f12c"; | |
| } | |
| .fa-subway:before { | |
| content: "\f239"; | |
| } | |
| .fa-suitcase:before { | |
| content: "\f0f2"; | |
| } | |
| .fa-suitcase-rolling:before { | |
| content: "\f5c1"; | |
| } | |
| .fa-sun:before { | |
| content: "\f185"; | |
| } | |
| .fa-superpowers:before { | |
| content: "\f2dd"; | |
| } | |
| .fa-superscript:before { | |
| content: "\f12b"; | |
| } | |
| .fa-supple:before { | |
| content: "\f3f9"; | |
| } | |
| .fa-surprise:before { | |
| content: "\f5c2"; | |
| } | |
| .fa-suse:before { | |
| content: "\f7d6"; | |
| } | |
| .fa-swatchbook:before { | |
| content: "\f5c3"; | |
| } | |
| .fa-swift:before { | |
| content: "\f8e1"; | |
| } | |
| .fa-swimmer:before { | |
| content: "\f5c4"; | |
| } | |
| .fa-swimming-pool:before { | |
| content: "\f5c5"; | |
| } | |
| .fa-symfony:before { | |
| content: "\f83d"; | |
| } | |
| .fa-synagogue:before { | |
| content: "\f69b"; | |
| } | |
| .fa-sync:before { | |
| content: "\f021"; | |
| } | |
| .fa-sync-alt:before { | |
| content: "\f2f1"; | |
| } | |
| .fa-syringe:before { | |
| content: "\f48e"; | |
| } | |
| .fa-table:before { | |
| content: "\f0ce"; | |
| } | |
| .fa-table-tennis:before { | |
| content: "\f45d"; | |
| } | |
| .fa-tablet:before { | |
| content: "\f10a"; | |
| } | |
| .fa-tablet-alt:before { | |
| content: "\f3fa"; | |
| } | |
| .fa-tablets:before { | |
| content: "\f490"; | |
| } | |
| .fa-tachometer-alt:before { | |
| content: "\f3fd"; | |
| } | |
| .fa-tag:before { | |
| content: "\f02b"; | |
| } | |
| .fa-tags:before { | |
| content: "\f02c"; | |
| } | |
| .fa-tape:before { | |
| content: "\f4db"; | |
| } | |
| .fa-tasks:before { | |
| content: "\f0ae"; | |
| } | |
| .fa-taxi:before { | |
| content: "\f1ba"; | |
| } | |
| .fa-teamspeak:before { | |
| content: "\f4f9"; | |
| } | |
| .fa-teeth:before { | |
| content: "\f62e"; | |
| } | |
| .fa-teeth-open:before { | |
| content: "\f62f"; | |
| } | |
| .fa-telegram:before { | |
| content: "\f2c6"; | |
| } | |
| .fa-telegram-plane:before { | |
| content: "\f3fe"; | |
| } | |
| .fa-temperature-high:before { | |
| content: "\f769"; | |
| } | |
| .fa-temperature-low:before { | |
| content: "\f76b"; | |
| } | |
| .fa-tencent-weibo:before { | |
| content: "\f1d5"; | |
| } | |
| .fa-tenge:before { | |
| content: "\f7d7"; | |
| } | |
| .fa-terminal:before { | |
| content: "\f120"; | |
| } | |
| .fa-text-height:before { | |
| content: "\f034"; | |
| } | |
| .fa-text-width:before { | |
| content: "\f035"; | |
| } | |
| .fa-th:before { | |
| content: "\f00a"; | |
| } | |
| .fa-th-large:before { | |
| content: "\f009"; | |
| } | |
| .fa-th-list:before { | |
| content: "\f00b"; | |
| } | |
| .fa-the-red-yeti:before { | |
| content: "\f69d"; | |
| } | |
| .fa-theater-masks:before { | |
| content: "\f630"; | |
| } | |
| .fa-themeco:before { | |
| content: "\f5c6"; | |
| } | |
| .fa-themeisle:before { | |
| content: "\f2b2"; | |
| } | |
| .fa-thermometer:before { | |
| content: "\f491"; | |
| } | |
| .fa-thermometer-empty:before { | |
| content: "\f2cb"; | |
| } | |
| .fa-thermometer-full:before { | |
| content: "\f2c7"; | |
| } | |
| .fa-thermometer-half:before { | |
| content: "\f2c9"; | |
| } | |
| .fa-thermometer-quarter:before { | |
| content: "\f2ca"; | |
| } | |
| .fa-thermometer-three-quarters:before { | |
| content: "\f2c8"; | |
| } | |
| .fa-think-peaks:before { | |
| content: "\f731"; | |
| } | |
| .fa-thumbs-down:before { | |
| content: "\f165"; | |
| } | |
| .fa-thumbs-up:before { | |
| content: "\f164"; | |
| } | |
| .fa-thumbtack:before { | |
| content: "\f08d"; | |
| } | |
| .fa-ticket-alt:before { | |
| content: "\f3ff"; | |
| } | |
| .fa-tiktok:before { | |
| content: "\e07b"; | |
| } | |
| .fa-times:before { | |
| content: "\f00d"; | |
| } | |
| .fa-times-circle:before { | |
| content: "\f057"; | |
| } | |
| .fa-tint:before { | |
| content: "\f043"; | |
| } | |
| .fa-tint-slash:before { | |
| content: "\f5c7"; | |
| } | |
| .fa-tired:before { | |
| content: "\f5c8"; | |
| } | |
| .fa-toggle-off:before { | |
| content: "\f204"; | |
| } | |
| .fa-toggle-on:before { | |
| content: "\f205"; | |
| } | |
| .fa-toilet:before { | |
| content: "\f7d8"; | |
| } | |
| .fa-toilet-paper:before { | |
| content: "\f71e"; | |
| } | |
| .fa-toilet-paper-slash:before { | |
| content: "\e072"; | |
| } | |
| .fa-toolbox:before { | |
| content: "\f552"; | |
| } | |
| .fa-tools:before { | |
| content: "\f7d9"; | |
| } | |
| .fa-tooth:before { | |
| content: "\f5c9"; | |
| } | |
| .fa-torah:before { | |
| content: "\f6a0"; | |
| } | |
| .fa-torii-gate:before { | |
| content: "\f6a1"; | |
| } | |
| .fa-tractor:before { | |
| content: "\f722"; | |
| } | |
| .fa-trade-federation:before { | |
| content: "\f513"; | |
| } | |
| .fa-trademark:before { | |
| content: "\f25c"; | |
| } | |
| .fa-traffic-light:before { | |
| content: "\f637"; | |
| } | |
| .fa-trailer:before { | |
| content: "\e041"; | |
| } | |
| .fa-train:before { | |
| content: "\f238"; | |
| } | |
| .fa-tram:before { | |
| content: "\f7da"; | |
| } | |
| .fa-transgender:before { | |
| content: "\f224"; | |
| } | |
| .fa-transgender-alt:before { | |
| content: "\f225"; | |
| } | |
| .fa-trash:before { | |
| content: "\f1f8"; | |
| } | |
| .fa-trash-alt:before { | |
| content: "\f2ed"; | |
| } | |
| .fa-trash-restore:before { | |
| content: "\f829"; | |
| } | |
| .fa-trash-restore-alt:before { | |
| content: "\f82a"; | |
| } | |
| .fa-tree:before { | |
| content: "\f1bb"; | |
| } | |
| .fa-trello:before { | |
| content: "\f181"; | |
| } | |
| .fa-tripadvisor:before { | |
| content: "\f262"; | |
| } | |
| .fa-trophy:before { | |
| content: "\f091"; | |
| } | |
| .fa-truck:before { | |
| content: "\f0d1"; | |
| } | |
| .fa-truck-loading:before { | |
| content: "\f4de"; | |
| } | |
| .fa-truck-monster:before { | |
| content: "\f63b"; | |
| } | |
| .fa-truck-moving:before { | |
| content: "\f4df"; | |
| } | |
| .fa-truck-pickup:before { | |
| content: "\f63c"; | |
| } | |
| .fa-tshirt:before { | |
| content: "\f553"; | |
| } | |
| .fa-tty:before { | |
| content: "\f1e4"; | |
| } | |
| .fa-tumblr:before { | |
| content: "\f173"; | |
| } | |
| .fa-tumblr-square:before { | |
| content: "\f174"; | |
| } | |
| .fa-tv:before { | |
| content: "\f26c"; | |
| } | |
| .fa-twitch:before { | |
| content: "\f1e8"; | |
| } | |
| .fa-twitter:before { | |
| content: "\f099"; | |
| } | |
| .fa-twitter-square:before { | |
| content: "\f081"; | |
| } | |
| .fa-typo3:before { | |
| content: "\f42b"; | |
| } | |
| .fa-uber:before { | |
| content: "\f402"; | |
| } | |
| .fa-ubuntu:before { | |
| content: "\f7df"; | |
| } | |
| .fa-uikit:before { | |
| content: "\f403"; | |
| } | |
| .fa-umbraco:before { | |
| content: "\f8e8"; | |
| } | |
| .fa-umbrella:before { | |
| content: "\f0e9"; | |
| } | |
| .fa-umbrella-beach:before { | |
| content: "\f5ca"; | |
| } | |
| .fa-uncharted:before { | |
| content: "\e084"; | |
| } | |
| .fa-underline:before { | |
| content: "\f0cd"; | |
| } | |
| .fa-undo:before { | |
| content: "\f0e2"; | |
| } | |
| .fa-undo-alt:before { | |
| content: "\f2ea"; | |
| } | |
| .fa-uniregistry:before { | |
| content: "\f404"; | |
| } | |
| .fa-unity:before { | |
| content: "\e049"; | |
| } | |
| .fa-universal-access:before { | |
| content: "\f29a"; | |
| } | |
| .fa-university:before { | |
| content: "\f19c"; | |
| } | |
| .fa-unlink:before { | |
| content: "\f127"; | |
| } | |
| .fa-unlock:before { | |
| content: "\f09c"; | |
| } | |
| .fa-unlock-alt:before { | |
| content: "\f13e"; | |
| } | |
| .fa-unsplash:before { | |
| content: "\e07c"; | |
| } | |
| .fa-untappd:before { | |
| content: "\f405"; | |
| } | |
| .fa-upload:before { | |
| content: "\f093"; | |
| } | |
| .fa-ups:before { | |
| content: "\f7e0"; | |
| } | |
| .fa-usb:before { | |
| content: "\f287"; | |
| } | |
| .fa-user:before { | |
| content: "\f007"; | |
| } | |
| .fa-user-alt:before { | |
| content: "\f406"; | |
| } | |
| .fa-user-alt-slash:before { | |
| content: "\f4fa"; | |
| } | |
| .fa-user-astronaut:before { | |
| content: "\f4fb"; | |
| } | |
| .fa-user-check:before { | |
| content: "\f4fc"; | |
| } | |
| .fa-user-circle:before { | |
| content: "\f2bd"; | |
| } | |
| .fa-user-clock:before { | |
| content: "\f4fd"; | |
| } | |
| .fa-user-cog:before { | |
| content: "\f4fe"; | |
| } | |
| .fa-user-edit:before { | |
| content: "\f4ff"; | |
| } | |
| .fa-user-friends:before { | |
| content: "\f500"; | |
| } | |
| .fa-user-graduate:before { | |
| content: "\f501"; | |
| } | |
| .fa-user-injured:before { | |
| content: "\f728"; | |
| } | |
| .fa-user-lock:before { | |
| content: "\f502"; | |
| } | |
| .fa-user-md:before { | |
| content: "\f0f0"; | |
| } | |
| .fa-user-minus:before { | |
| content: "\f503"; | |
| } | |
| .fa-user-ninja:before { | |
| content: "\f504"; | |
| } | |
| .fa-user-nurse:before { | |
| content: "\f82f"; | |
| } | |
| .fa-user-plus:before { | |
| content: "\f234"; | |
| } | |
| .fa-user-secret:before { | |
| content: "\f21b"; | |
| } | |
| .fa-user-shield:before { | |
| content: "\f505"; | |
| } | |
| .fa-user-slash:before { | |
| content: "\f506"; | |
| } | |
| .fa-user-tag:before { | |
| content: "\f507"; | |
| } | |
| .fa-user-tie:before { | |
| content: "\f508"; | |
| } | |
| .fa-user-times:before { | |
| content: "\f235"; | |
| } | |
| .fa-users:before { | |
| content: "\f0c0"; | |
| } | |
| .fa-users-cog:before { | |
| content: "\f509"; | |
| } | |
| .fa-users-slash:before { | |
| content: "\e073"; | |
| } | |
| .fa-usps:before { | |
| content: "\f7e1"; | |
| } | |
| .fa-ussunnah:before { | |
| content: "\f407"; | |
| } | |
| .fa-utensil-spoon:before { | |
| content: "\f2e5"; | |
| } | |
| .fa-utensils:before { | |
| content: "\f2e7"; | |
| } | |
| .fa-vaadin:before { | |
| content: "\f408"; | |
| } | |
| .fa-vector-square:before { | |
| content: "\f5cb"; | |
| } | |
| .fa-venus:before { | |
| content: "\f221"; | |
| } | |
| .fa-venus-double:before { | |
| content: "\f226"; | |
| } | |
| .fa-venus-mars:before { | |
| content: "\f228"; | |
| } | |
| .fa-vest:before { | |
| content: "\e085"; | |
| } | |
| .fa-vest-patches:before { | |
| content: "\e086"; | |
| } | |
| .fa-viacoin:before { | |
| content: "\f237"; | |
| } | |
| .fa-viadeo:before { | |
| content: "\f2a9"; | |
| } | |
| .fa-viadeo-square:before { | |
| content: "\f2aa"; | |
| } | |
| .fa-vial:before { | |
| content: "\f492"; | |
| } | |
| .fa-vials:before { | |
| content: "\f493"; | |
| } | |
| .fa-viber:before { | |
| content: "\f409"; | |
| } | |
| .fa-video:before { | |
| content: "\f03d"; | |
| } | |
| .fa-video-slash:before { | |
| content: "\f4e2"; | |
| } | |
| .fa-vihara:before { | |
| content: "\f6a7"; | |
| } | |
| .fa-vimeo:before { | |
| content: "\f40a"; | |
| } | |
| .fa-vimeo-square:before { | |
| content: "\f194"; | |
| } | |
| .fa-vimeo-v:before { | |
| content: "\f27d"; | |
| } | |
| .fa-vine:before { | |
| content: "\f1ca"; | |
| } | |
| .fa-virus:before { | |
| content: "\e074"; | |
| } | |
| .fa-virus-slash:before { | |
| content: "\e075"; | |
| } | |
| .fa-viruses:before { | |
| content: "\e076"; | |
| } | |
| .fa-vk:before { | |
| content: "\f189"; | |
| } | |
| .fa-vnv:before { | |
| content: "\f40b"; | |
| } | |
| .fa-voicemail:before { | |
| content: "\f897"; | |
| } | |
| .fa-volleyball-ball:before { | |
| content: "\f45f"; | |
| } | |
| .fa-volume-down:before { | |
| content: "\f027"; | |
| } | |
| .fa-volume-mute:before { | |
| content: "\f6a9"; | |
| } | |
| .fa-volume-off:before { | |
| content: "\f026"; | |
| } | |
| .fa-volume-up:before { | |
| content: "\f028"; | |
| } | |
| .fa-vote-yea:before { | |
| content: "\f772"; | |
| } | |
| .fa-vr-cardboard:before { | |
| content: "\f729"; | |
| } | |
| .fa-vuejs:before { | |
| content: "\f41f"; | |
| } | |
| .fa-walking:before { | |
| content: "\f554"; | |
| } | |
| .fa-wallet:before { | |
| content: "\f555"; | |
| } | |
| .fa-warehouse:before { | |
| content: "\f494"; | |
| } | |
| .fa-watchman-monitoring:before { | |
| content: "\e087"; | |
| } | |
| .fa-water:before { | |
| content: "\f773"; | |
| } | |
| .fa-wave-square:before { | |
| content: "\f83e"; | |
| } | |
| .fa-waze:before { | |
| content: "\f83f"; | |
| } | |
| .fa-weebly:before { | |
| content: "\f5cc"; | |
| } | |
| .fa-weibo:before { | |
| content: "\f18a"; | |
| } | |
| .fa-weight:before { | |
| content: "\f496"; | |
| } | |
| .fa-weight-hanging:before { | |
| content: "\f5cd"; | |
| } | |
| .fa-weixin:before { | |
| content: "\f1d7"; | |
| } | |
| .fa-whatsapp:before { | |
| content: "\f232"; | |
| } | |
| .fa-whatsapp-square:before { | |
| content: "\f40c"; | |
| } | |
| .fa-wheelchair:before { | |
| content: "\f193"; | |
| } | |
| .fa-whmcs:before { | |
| content: "\f40d"; | |
| } | |
| .fa-wifi:before { | |
| content: "\f1eb"; | |
| } | |
| .fa-wikipedia-w:before { | |
| content: "\f266"; | |
| } | |
| .fa-wind:before { | |
| content: "\f72e"; | |
| } | |
| .fa-window-close:before { | |
| content: "\f410"; | |
| } | |
| .fa-window-maximize:before { | |
| content: "\f2d0"; | |
| } | |
| .fa-window-minimize:before { | |
| content: "\f2d1"; | |
| } | |
| .fa-window-restore:before { | |
| content: "\f2d2"; | |
| } | |
| .fa-windows:before { | |
| content: "\f17a"; | |
| } | |
| .fa-wine-bottle:before { | |
| content: "\f72f"; | |
| } | |
| .fa-wine-glass:before { | |
| content: "\f4e3"; | |
| } | |
| .fa-wine-glass-alt:before { | |
| content: "\f5ce"; | |
| } | |
| .fa-wix:before { | |
| content: "\f5cf"; | |
| } | |
| .fa-wizards-of-the-coast:before { | |
| content: "\f730"; | |
| } | |
| .fa-wodu:before { | |
| content: "\e088"; | |
| } | |
| .fa-wolf-pack-battalion:before { | |
| content: "\f514"; | |
| } | |
| .fa-won-sign:before { | |
| content: "\f159"; | |
| } | |
| .fa-wordpress:before { | |
| content: "\f19a"; | |
| } | |
| .fa-wordpress-simple:before { | |
| content: "\f411"; | |
| } | |
| .fa-wpbeginner:before { | |
| content: "\f297"; | |
| } | |
| .fa-wpexplorer:before { | |
| content: "\f2de"; | |
| } | |
| .fa-wpforms:before { | |
| content: "\f298"; | |
| } | |
| .fa-wpressr:before { | |
| content: "\f3e4"; | |
| } | |
| .fa-wrench:before { | |
| content: "\f0ad"; | |
| } | |
| .fa-x-ray:before { | |
| content: "\f497"; | |
| } | |
| .fa-xbox:before { | |
| content: "\f412"; | |
| } | |
| .fa-xing:before { | |
| content: "\f168"; | |
| } | |
| .fa-xing-square:before { | |
| content: "\f169"; | |
| } | |
| .fa-y-combinator:before { | |
| content: "\f23b"; | |
| } | |
| .fa-yahoo:before { | |
| content: "\f19e"; | |
| } | |
| .fa-yammer:before { | |
| content: "\f840"; | |
| } | |
| .fa-yandex:before { | |
| content: "\f413"; | |
| } | |
| .fa-yandex-international:before { | |
| content: "\f414"; | |
| } | |
| .fa-yarn:before { | |
| content: "\f7e3"; | |
| } | |
| .fa-yelp:before { | |
| content: "\f1e9"; | |
| } | |
| .fa-yen-sign:before { | |
| content: "\f157"; | |
| } | |
| .fa-yin-yang:before { | |
| content: "\f6ad"; | |
| } | |
| .fa-yoast:before { | |
| content: "\f2b1"; | |
| } | |
| .fa-youtube:before { | |
| content: "\f167"; | |
| } | |
| .fa-youtube-square:before { | |
| content: "\f431"; | |
| } | |
| .fa-zhihu:before { | |
| content: "\f63f"; | |
| } | |
| .sr-only { | |
| border: 0; | |
| clip: rect(0, 0, 0, 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| } | |
| .sr-only-focusable:active, .sr-only-focusable:focus { | |
| clip: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| position: static; | |
| width: auto; | |
| } | |
| /*! | |
| * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| */ | |
| @font-face { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-style: normal; | |
| font-weight: 400; | |
| font-display: block; | |
| src: url("../fonts/fa-brands-400.eot"); | |
| src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); | |
| } | |
| .fab { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| /*! | |
| * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| */ | |
| @font-face { | |
| font-family: "Font Awesome 5 Free"; | |
| font-style: normal; | |
| font-weight: 400; | |
| font-display: block; | |
| src: url("../fonts/fa-regular-400.eot"); | |
| src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); | |
| } | |
| .far { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| /*! | |
| * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| */ | |
| @font-face { | |
| font-family: "Font Awesome 5 Free"; | |
| font-style: normal; | |
| font-weight: 900; | |
| font-display: block; | |
| src: url("../fonts/fa-solid-900.eot"); | |
| src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); | |
| } | |
| .fa, | |
| .fas { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 900; | |
| } | |
| /*! | |
| * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com | |
| * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) | |
| */ | |
| .fa.fa-glass:before { | |
| content: "\f000"; | |
| } | |
| .fa.fa-meetup { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-star-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-star-o:before { | |
| content: "\f005"; | |
| } | |
| .fa.fa-remove:before { | |
| content: "\f00d"; | |
| } | |
| .fa.fa-close:before { | |
| content: "\f00d"; | |
| } | |
| .fa.fa-gear:before { | |
| content: "\f013"; | |
| } | |
| .fa.fa-trash-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-trash-o:before { | |
| content: "\f2ed"; | |
| } | |
| .fa.fa-file-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-o:before { | |
| content: "\f15b"; | |
| } | |
| .fa.fa-clock-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-clock-o:before { | |
| content: "\f017"; | |
| } | |
| .fa.fa-arrow-circle-o-down { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-arrow-circle-o-down:before { | |
| content: "\f358"; | |
| } | |
| .fa.fa-arrow-circle-o-up { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-arrow-circle-o-up:before { | |
| content: "\f35b"; | |
| } | |
| .fa.fa-play-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-play-circle-o:before { | |
| content: "\f144"; | |
| } | |
| .fa.fa-repeat:before { | |
| content: "\f01e"; | |
| } | |
| .fa.fa-rotate-right:before { | |
| content: "\f01e"; | |
| } | |
| .fa.fa-refresh:before { | |
| content: "\f021"; | |
| } | |
| .fa.fa-list-alt { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-dedent:before { | |
| content: "\f03b"; | |
| } | |
| .fa.fa-video-camera:before { | |
| content: "\f03d"; | |
| } | |
| .fa.fa-picture-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-picture-o:before { | |
| content: "\f03e"; | |
| } | |
| .fa.fa-photo { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-photo:before { | |
| content: "\f03e"; | |
| } | |
| .fa.fa-image { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-image:before { | |
| content: "\f03e"; | |
| } | |
| .fa.fa-pencil:before { | |
| content: "\f303"; | |
| } | |
| .fa.fa-map-marker:before { | |
| content: "\f3c5"; | |
| } | |
| .fa.fa-pencil-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pencil-square-o:before { | |
| content: "\f044"; | |
| } | |
| .fa.fa-share-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-share-square-o:before { | |
| content: "\f14d"; | |
| } | |
| .fa.fa-check-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-check-square-o:before { | |
| content: "\f14a"; | |
| } | |
| .fa.fa-arrows:before { | |
| content: "\f0b2"; | |
| } | |
| .fa.fa-times-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-times-circle-o:before { | |
| content: "\f057"; | |
| } | |
| .fa.fa-check-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-check-circle-o:before { | |
| content: "\f058"; | |
| } | |
| .fa.fa-mail-forward:before { | |
| content: "\f064"; | |
| } | |
| .fa.fa-expand:before { | |
| content: "\f424"; | |
| } | |
| .fa.fa-compress:before { | |
| content: "\f422"; | |
| } | |
| .fa.fa-eye { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-eye-slash { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-warning:before { | |
| content: "\f071"; | |
| } | |
| .fa.fa-calendar:before { | |
| content: "\f073"; | |
| } | |
| .fa.fa-arrows-v:before { | |
| content: "\f338"; | |
| } | |
| .fa.fa-arrows-h:before { | |
| content: "\f337"; | |
| } | |
| .fa.fa-bar-chart { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bar-chart:before { | |
| content: "\f080"; | |
| } | |
| .fa.fa-bar-chart-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bar-chart-o:before { | |
| content: "\f080"; | |
| } | |
| .fa.fa-twitter-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-facebook-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gears:before { | |
| content: "\f085"; | |
| } | |
| .fa.fa-thumbs-o-up { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-thumbs-o-up:before { | |
| content: "\f164"; | |
| } | |
| .fa.fa-thumbs-o-down { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-thumbs-o-down:before { | |
| content: "\f165"; | |
| } | |
| .fa.fa-heart-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-heart-o:before { | |
| content: "\f004"; | |
| } | |
| .fa.fa-sign-out:before { | |
| content: "\f2f5"; | |
| } | |
| .fa.fa-linkedin-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-linkedin-square:before { | |
| content: "\f08c"; | |
| } | |
| .fa.fa-thumb-tack:before { | |
| content: "\f08d"; | |
| } | |
| .fa.fa-external-link:before { | |
| content: "\f35d"; | |
| } | |
| .fa.fa-sign-in:before { | |
| content: "\f2f6"; | |
| } | |
| .fa.fa-github-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-lemon-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-lemon-o:before { | |
| content: "\f094"; | |
| } | |
| .fa.fa-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-square-o:before { | |
| content: "\f0c8"; | |
| } | |
| .fa.fa-bookmark-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bookmark-o:before { | |
| content: "\f02e"; | |
| } | |
| .fa.fa-twitter { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-facebook { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-facebook:before { | |
| content: "\f39e"; | |
| } | |
| .fa.fa-facebook-f { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-facebook-f:before { | |
| content: "\f39e"; | |
| } | |
| .fa.fa-github { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-credit-card { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-feed:before { | |
| content: "\f09e"; | |
| } | |
| .fa.fa-hdd-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hdd-o:before { | |
| content: "\f0a0"; | |
| } | |
| .fa.fa-hand-o-right { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-o-right:before { | |
| content: "\f0a4"; | |
| } | |
| .fa.fa-hand-o-left { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-o-left:before { | |
| content: "\f0a5"; | |
| } | |
| .fa.fa-hand-o-up { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-o-up:before { | |
| content: "\f0a6"; | |
| } | |
| .fa.fa-hand-o-down { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-o-down:before { | |
| content: "\f0a7"; | |
| } | |
| .fa.fa-arrows-alt:before { | |
| content: "\f31e"; | |
| } | |
| .fa.fa-group:before { | |
| content: "\f0c0"; | |
| } | |
| .fa.fa-chain:before { | |
| content: "\f0c1"; | |
| } | |
| .fa.fa-scissors:before { | |
| content: "\f0c4"; | |
| } | |
| .fa.fa-files-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-files-o:before { | |
| content: "\f0c5"; | |
| } | |
| .fa.fa-floppy-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-floppy-o:before { | |
| content: "\f0c7"; | |
| } | |
| .fa.fa-navicon:before { | |
| content: "\f0c9"; | |
| } | |
| .fa.fa-reorder:before { | |
| content: "\f0c9"; | |
| } | |
| .fa.fa-pinterest { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pinterest-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus:before { | |
| content: "\f0d5"; | |
| } | |
| .fa.fa-money { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-money:before { | |
| content: "\f3d1"; | |
| } | |
| .fa.fa-unsorted:before { | |
| content: "\f0dc"; | |
| } | |
| .fa.fa-sort-desc:before { | |
| content: "\f0dd"; | |
| } | |
| .fa.fa-sort-asc:before { | |
| content: "\f0de"; | |
| } | |
| .fa.fa-linkedin { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-linkedin:before { | |
| content: "\f0e1"; | |
| } | |
| .fa.fa-rotate-left:before { | |
| content: "\f0e2"; | |
| } | |
| .fa.fa-legal:before { | |
| content: "\f0e3"; | |
| } | |
| .fa.fa-tachometer:before { | |
| content: "\f3fd"; | |
| } | |
| .fa.fa-dashboard:before { | |
| content: "\f3fd"; | |
| } | |
| .fa.fa-comment-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-comment-o:before { | |
| content: "\f075"; | |
| } | |
| .fa.fa-comments-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-comments-o:before { | |
| content: "\f086"; | |
| } | |
| .fa.fa-flash:before { | |
| content: "\f0e7"; | |
| } | |
| .fa.fa-clipboard { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-paste { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-paste:before { | |
| content: "\f328"; | |
| } | |
| .fa.fa-lightbulb-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-lightbulb-o:before { | |
| content: "\f0eb"; | |
| } | |
| .fa.fa-exchange:before { | |
| content: "\f362"; | |
| } | |
| .fa.fa-cloud-download:before { | |
| content: "\f381"; | |
| } | |
| .fa.fa-cloud-upload:before { | |
| content: "\f382"; | |
| } | |
| .fa.fa-bell-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bell-o:before { | |
| content: "\f0f3"; | |
| } | |
| .fa.fa-cutlery:before { | |
| content: "\f2e7"; | |
| } | |
| .fa.fa-file-text-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-text-o:before { | |
| content: "\f15c"; | |
| } | |
| .fa.fa-building-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-building-o:before { | |
| content: "\f1ad"; | |
| } | |
| .fa.fa-hospital-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hospital-o:before { | |
| content: "\f0f8"; | |
| } | |
| .fa.fa-tablet:before { | |
| content: "\f3fa"; | |
| } | |
| .fa.fa-mobile:before { | |
| content: "\f3cd"; | |
| } | |
| .fa.fa-mobile-phone:before { | |
| content: "\f3cd"; | |
| } | |
| .fa.fa-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-circle-o:before { | |
| content: "\f111"; | |
| } | |
| .fa.fa-mail-reply:before { | |
| content: "\f3e5"; | |
| } | |
| .fa.fa-github-alt { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-folder-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-folder-o:before { | |
| content: "\f07b"; | |
| } | |
| .fa.fa-folder-open-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-folder-open-o:before { | |
| content: "\f07c"; | |
| } | |
| .fa.fa-smile-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-smile-o:before { | |
| content: "\f118"; | |
| } | |
| .fa.fa-frown-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-frown-o:before { | |
| content: "\f119"; | |
| } | |
| .fa.fa-meh-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-meh-o:before { | |
| content: "\f11a"; | |
| } | |
| .fa.fa-keyboard-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-keyboard-o:before { | |
| content: "\f11c"; | |
| } | |
| .fa.fa-flag-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-flag-o:before { | |
| content: "\f024"; | |
| } | |
| .fa.fa-mail-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .fa.fa-star-half-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-star-half-o:before { | |
| content: "\f089"; | |
| } | |
| .fa.fa-star-half-empty { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-star-half-empty:before { | |
| content: "\f089"; | |
| } | |
| .fa.fa-star-half-full { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-star-half-full:before { | |
| content: "\f089"; | |
| } | |
| .fa.fa-code-fork:before { | |
| content: "\f126"; | |
| } | |
| .fa.fa-chain-broken:before { | |
| content: "\f127"; | |
| } | |
| .fa.fa-shield:before { | |
| content: "\f3ed"; | |
| } | |
| .fa.fa-calendar-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-o:before { | |
| content: "\f133"; | |
| } | |
| .fa.fa-maxcdn { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-html5 { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-css3 { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ticket:before { | |
| content: "\f3ff"; | |
| } | |
| .fa.fa-minus-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-minus-square-o:before { | |
| content: "\f146"; | |
| } | |
| .fa.fa-level-up:before { | |
| content: "\f3bf"; | |
| } | |
| .fa.fa-level-down:before { | |
| content: "\f3be"; | |
| } | |
| .fa.fa-pencil-square:before { | |
| content: "\f14b"; | |
| } | |
| .fa.fa-external-link-square:before { | |
| content: "\f360"; | |
| } | |
| .fa.fa-compass { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-caret-square-o-down { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-caret-square-o-down:before { | |
| content: "\f150"; | |
| } | |
| .fa.fa-toggle-down { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-toggle-down:before { | |
| content: "\f150"; | |
| } | |
| .fa.fa-caret-square-o-up { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-caret-square-o-up:before { | |
| content: "\f151"; | |
| } | |
| .fa.fa-toggle-up { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-toggle-up:before { | |
| content: "\f151"; | |
| } | |
| .fa.fa-caret-square-o-right { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-caret-square-o-right:before { | |
| content: "\f152"; | |
| } | |
| .fa.fa-toggle-right { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-toggle-right:before { | |
| content: "\f152"; | |
| } | |
| .fa.fa-eur:before { | |
| content: "\f153"; | |
| } | |
| .fa.fa-euro:before { | |
| content: "\f153"; | |
| } | |
| .fa.fa-gbp:before { | |
| content: "\f154"; | |
| } | |
| .fa.fa-usd:before { | |
| content: "\f155"; | |
| } | |
| .fa.fa-dollar:before { | |
| content: "\f155"; | |
| } | |
| .fa.fa-inr:before { | |
| content: "\f156"; | |
| } | |
| .fa.fa-rupee:before { | |
| content: "\f156"; | |
| } | |
| .fa.fa-jpy:before { | |
| content: "\f157"; | |
| } | |
| .fa.fa-cny:before { | |
| content: "\f157"; | |
| } | |
| .fa.fa-rmb:before { | |
| content: "\f157"; | |
| } | |
| .fa.fa-yen:before { | |
| content: "\f157"; | |
| } | |
| .fa.fa-rub:before { | |
| content: "\f158"; | |
| } | |
| .fa.fa-ruble:before { | |
| content: "\f158"; | |
| } | |
| .fa.fa-rouble:before { | |
| content: "\f158"; | |
| } | |
| .fa.fa-krw:before { | |
| content: "\f159"; | |
| } | |
| .fa.fa-won:before { | |
| content: "\f159"; | |
| } | |
| .fa.fa-btc { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bitcoin { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bitcoin:before { | |
| content: "\f15a"; | |
| } | |
| .fa.fa-file-text:before { | |
| content: "\f15c"; | |
| } | |
| .fa.fa-sort-alpha-asc:before { | |
| content: "\f15d"; | |
| } | |
| .fa.fa-sort-alpha-desc:before { | |
| content: "\f881"; | |
| } | |
| .fa.fa-sort-amount-asc:before { | |
| content: "\f160"; | |
| } | |
| .fa.fa-sort-amount-desc:before { | |
| content: "\f884"; | |
| } | |
| .fa.fa-sort-numeric-asc:before { | |
| content: "\f162"; | |
| } | |
| .fa.fa-sort-numeric-desc:before { | |
| content: "\f886"; | |
| } | |
| .fa.fa-youtube-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-youtube { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-xing { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-xing-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-youtube-play { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-youtube-play:before { | |
| content: "\f167"; | |
| } | |
| .fa.fa-dropbox { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-stack-overflow { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-instagram { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-flickr { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-adn { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bitbucket { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bitbucket-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bitbucket-square:before { | |
| content: "\f171"; | |
| } | |
| .fa.fa-tumblr { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-tumblr-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-long-arrow-down:before { | |
| content: "\f309"; | |
| } | |
| .fa.fa-long-arrow-up:before { | |
| content: "\f30c"; | |
| } | |
| .fa.fa-long-arrow-left:before { | |
| content: "\f30a"; | |
| } | |
| .fa.fa-long-arrow-right:before { | |
| content: "\f30b"; | |
| } | |
| .fa.fa-apple { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-windows { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-android { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-linux { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-dribbble { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-skype { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-foursquare { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-trello { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gratipay { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gittip { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gittip:before { | |
| content: "\f184"; | |
| } | |
| .fa.fa-sun-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-sun-o:before { | |
| content: "\f185"; | |
| } | |
| .fa.fa-moon-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-moon-o:before { | |
| content: "\f186"; | |
| } | |
| .fa.fa-vk { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-weibo { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-renren { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pagelines { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-stack-exchange { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-arrow-circle-o-right { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-arrow-circle-o-right:before { | |
| content: "\f35a"; | |
| } | |
| .fa.fa-arrow-circle-o-left { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-arrow-circle-o-left:before { | |
| content: "\f359"; | |
| } | |
| .fa.fa-caret-square-o-left { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-caret-square-o-left:before { | |
| content: "\f191"; | |
| } | |
| .fa.fa-toggle-left { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-toggle-left:before { | |
| content: "\f191"; | |
| } | |
| .fa.fa-dot-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-dot-circle-o:before { | |
| content: "\f192"; | |
| } | |
| .fa.fa-vimeo-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-try:before { | |
| content: "\f195"; | |
| } | |
| .fa.fa-turkish-lira:before { | |
| content: "\f195"; | |
| } | |
| .fa.fa-plus-square-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-plus-square-o:before { | |
| content: "\f0fe"; | |
| } | |
| .fa.fa-slack { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wordpress { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-openid { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-institution:before { | |
| content: "\f19c"; | |
| } | |
| .fa.fa-bank:before { | |
| content: "\f19c"; | |
| } | |
| .fa.fa-mortar-board:before { | |
| content: "\f19d"; | |
| } | |
| .fa.fa-yahoo { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-reddit { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-reddit-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-stumbleupon-circle { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-stumbleupon { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-delicious { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-digg { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pied-piper-pp { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pied-piper-alt { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-drupal { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-joomla { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-spoon:before { | |
| content: "\f2e5"; | |
| } | |
| .fa.fa-behance { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-behance-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-steam { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-steam-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-automobile:before { | |
| content: "\f1b9"; | |
| } | |
| .fa.fa-envelope-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-envelope-o:before { | |
| content: "\f0e0"; | |
| } | |
| .fa.fa-spotify { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-deviantart { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-soundcloud { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-pdf-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-pdf-o:before { | |
| content: "\f1c1"; | |
| } | |
| .fa.fa-file-word-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-word-o:before { | |
| content: "\f1c2"; | |
| } | |
| .fa.fa-file-excel-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-excel-o:before { | |
| content: "\f1c3"; | |
| } | |
| .fa.fa-file-powerpoint-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-powerpoint-o:before { | |
| content: "\f1c4"; | |
| } | |
| .fa.fa-file-image-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-image-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa.fa-file-photo-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-photo-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa.fa-file-picture-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-picture-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa.fa-file-archive-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-archive-o:before { | |
| content: "\f1c6"; | |
| } | |
| .fa.fa-file-zip-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-zip-o:before { | |
| content: "\f1c6"; | |
| } | |
| .fa.fa-file-audio-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-audio-o:before { | |
| content: "\f1c7"; | |
| } | |
| .fa.fa-file-sound-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-sound-o:before { | |
| content: "\f1c7"; | |
| } | |
| .fa.fa-file-video-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-video-o:before { | |
| content: "\f1c8"; | |
| } | |
| .fa.fa-file-movie-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-movie-o:before { | |
| content: "\f1c8"; | |
| } | |
| .fa.fa-file-code-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-file-code-o:before { | |
| content: "\f1c9"; | |
| } | |
| .fa.fa-vine { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-codepen { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-jsfiddle { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-life-ring { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-life-bouy { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-life-bouy:before { | |
| content: "\f1cd"; | |
| } | |
| .fa.fa-life-buoy { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-life-buoy:before { | |
| content: "\f1cd"; | |
| } | |
| .fa.fa-life-saver { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-life-saver:before { | |
| content: "\f1cd"; | |
| } | |
| .fa.fa-support { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-support:before { | |
| content: "\f1cd"; | |
| } | |
| .fa.fa-circle-o-notch:before { | |
| content: "\f1ce"; | |
| } | |
| .fa.fa-rebel { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ra { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ra:before { | |
| content: "\f1d0"; | |
| } | |
| .fa.fa-resistance { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-resistance:before { | |
| content: "\f1d0"; | |
| } | |
| .fa.fa-empire { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ge { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ge:before { | |
| content: "\f1d1"; | |
| } | |
| .fa.fa-git-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-git { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hacker-news { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-y-combinator-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-y-combinator-square:before { | |
| content: "\f1d4"; | |
| } | |
| .fa.fa-yc-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-yc-square:before { | |
| content: "\f1d4"; | |
| } | |
| .fa.fa-tencent-weibo { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-qq { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-weixin { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wechat { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wechat:before { | |
| content: "\f1d7"; | |
| } | |
| .fa.fa-send:before { | |
| content: "\f1d8"; | |
| } | |
| .fa.fa-paper-plane-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-paper-plane-o:before { | |
| content: "\f1d8"; | |
| } | |
| .fa.fa-send-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-send-o:before { | |
| content: "\f1d8"; | |
| } | |
| .fa.fa-circle-thin { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-circle-thin:before { | |
| content: "\f111"; | |
| } | |
| .fa.fa-header:before { | |
| content: "\f1dc"; | |
| } | |
| .fa.fa-sliders:before { | |
| content: "\f1de"; | |
| } | |
| .fa.fa-futbol-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-futbol-o:before { | |
| content: "\f1e3"; | |
| } | |
| .fa.fa-soccer-ball-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-soccer-ball-o:before { | |
| content: "\f1e3"; | |
| } | |
| .fa.fa-slideshare { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-twitch { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-yelp { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-newspaper-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-newspaper-o:before { | |
| content: "\f1ea"; | |
| } | |
| .fa.fa-paypal { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-wallet { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-visa { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-mastercard { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-discover { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-amex { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-paypal { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-stripe { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bell-slash-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bell-slash-o:before { | |
| content: "\f1f6"; | |
| } | |
| .fa.fa-trash:before { | |
| content: "\f2ed"; | |
| } | |
| .fa.fa-copyright { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-eyedropper:before { | |
| content: "\f1fb"; | |
| } | |
| .fa.fa-area-chart:before { | |
| content: "\f1fe"; | |
| } | |
| .fa.fa-pie-chart:before { | |
| content: "\f200"; | |
| } | |
| .fa.fa-line-chart:before { | |
| content: "\f201"; | |
| } | |
| .fa.fa-lastfm { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-lastfm-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ioxhost { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-angellist { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc:before { | |
| content: "\f20a"; | |
| } | |
| .fa.fa-ils:before { | |
| content: "\f20b"; | |
| } | |
| .fa.fa-shekel:before { | |
| content: "\f20b"; | |
| } | |
| .fa.fa-sheqel:before { | |
| content: "\f20b"; | |
| } | |
| .fa.fa-meanpath { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-meanpath:before { | |
| content: "\f2b4"; | |
| } | |
| .fa.fa-buysellads { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-connectdevelop { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-dashcube { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-forumbee { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-leanpub { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-sellsy { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-shirtsinbulk { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-simplybuilt { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-skyatlas { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-diamond { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-diamond:before { | |
| content: "\f3a5"; | |
| } | |
| .fa.fa-intersex:before { | |
| content: "\f224"; | |
| } | |
| .fa.fa-facebook-official { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-facebook-official:before { | |
| content: "\f09a"; | |
| } | |
| .fa.fa-pinterest-p { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-whatsapp { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hotel:before { | |
| content: "\f236"; | |
| } | |
| .fa.fa-viacoin { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-medium { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-y-combinator { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-yc { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-yc:before { | |
| content: "\f23b"; | |
| } | |
| .fa.fa-optin-monster { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-opencart { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-expeditedssl { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-battery-4:before { | |
| content: "\f240"; | |
| } | |
| .fa.fa-battery:before { | |
| content: "\f240"; | |
| } | |
| .fa.fa-battery-3:before { | |
| content: "\f241"; | |
| } | |
| .fa.fa-battery-2:before { | |
| content: "\f242"; | |
| } | |
| .fa.fa-battery-1:before { | |
| content: "\f243"; | |
| } | |
| .fa.fa-battery-0:before { | |
| content: "\f244"; | |
| } | |
| .fa.fa-object-group { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-object-ungroup { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-sticky-note-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-sticky-note-o:before { | |
| content: "\f249"; | |
| } | |
| .fa.fa-cc-jcb { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cc-diners-club { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-clone { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hourglass-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hourglass-o:before { | |
| content: "\f254"; | |
| } | |
| .fa.fa-hourglass-1:before { | |
| content: "\f251"; | |
| } | |
| .fa.fa-hourglass-2:before { | |
| content: "\f252"; | |
| } | |
| .fa.fa-hourglass-3:before { | |
| content: "\f253"; | |
| } | |
| .fa.fa-hand-rock-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-rock-o:before { | |
| content: "\f255"; | |
| } | |
| .fa.fa-hand-grab-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-grab-o:before { | |
| content: "\f255"; | |
| } | |
| .fa.fa-hand-paper-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-paper-o:before { | |
| content: "\f256"; | |
| } | |
| .fa.fa-hand-stop-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-stop-o:before { | |
| content: "\f256"; | |
| } | |
| .fa.fa-hand-scissors-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-scissors-o:before { | |
| content: "\f257"; | |
| } | |
| .fa.fa-hand-lizard-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-lizard-o:before { | |
| content: "\f258"; | |
| } | |
| .fa.fa-hand-spock-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-spock-o:before { | |
| content: "\f259"; | |
| } | |
| .fa.fa-hand-pointer-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-pointer-o:before { | |
| content: "\f25a"; | |
| } | |
| .fa.fa-hand-peace-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-hand-peace-o:before { | |
| content: "\f25b"; | |
| } | |
| .fa.fa-registered { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-creative-commons { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gg { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gg-circle { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-tripadvisor { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-odnoklassniki { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-odnoklassniki-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-get-pocket { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wikipedia-w { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-safari { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-chrome { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-firefox { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-opera { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-internet-explorer { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-television:before { | |
| content: "\f26c"; | |
| } | |
| .fa.fa-contao { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-500px { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-amazon { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-plus-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-plus-o:before { | |
| content: "\f271"; | |
| } | |
| .fa.fa-calendar-minus-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-minus-o:before { | |
| content: "\f272"; | |
| } | |
| .fa.fa-calendar-times-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-times-o:before { | |
| content: "\f273"; | |
| } | |
| .fa.fa-calendar-check-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-calendar-check-o:before { | |
| content: "\f274"; | |
| } | |
| .fa.fa-map-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-map-o:before { | |
| content: "\f279"; | |
| } | |
| .fa.fa-commenting:before { | |
| content: "\f4ad"; | |
| } | |
| .fa.fa-commenting-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-commenting-o:before { | |
| content: "\f4ad"; | |
| } | |
| .fa.fa-houzz { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-vimeo { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-vimeo:before { | |
| content: "\f27d"; | |
| } | |
| .fa.fa-black-tie { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-fonticons { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-reddit-alien { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-edge { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-credit-card-alt:before { | |
| content: "\f09d"; | |
| } | |
| .fa.fa-codiepie { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-modx { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-fort-awesome { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-usb { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-product-hunt { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-mixcloud { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-scribd { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pause-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pause-circle-o:before { | |
| content: "\f28b"; | |
| } | |
| .fa.fa-stop-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-stop-circle-o:before { | |
| content: "\f28d"; | |
| } | |
| .fa.fa-bluetooth { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-bluetooth-b { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-gitlab { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wpbeginner { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wpforms { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-envira { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wheelchair-alt { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wheelchair-alt:before { | |
| content: "\f368"; | |
| } | |
| .fa.fa-question-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-question-circle-o:before { | |
| content: "\f059"; | |
| } | |
| .fa.fa-volume-control-phone:before { | |
| content: "\f2a0"; | |
| } | |
| .fa.fa-asl-interpreting:before { | |
| content: "\f2a3"; | |
| } | |
| .fa.fa-deafness:before { | |
| content: "\f2a4"; | |
| } | |
| .fa.fa-hard-of-hearing:before { | |
| content: "\f2a4"; | |
| } | |
| .fa.fa-glide { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-glide-g { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-signing:before { | |
| content: "\f2a7"; | |
| } | |
| .fa.fa-viadeo { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-viadeo-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-snapchat { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-snapchat-ghost { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-snapchat-square { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-pied-piper { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-first-order { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-yoast { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-themeisle { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus-official { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus-official:before { | |
| content: "\f2b3"; | |
| } | |
| .fa.fa-google-plus-circle { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-google-plus-circle:before { | |
| content: "\f2b3"; | |
| } | |
| .fa.fa-font-awesome { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-fa { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-fa:before { | |
| content: "\f2b4"; | |
| } | |
| .fa.fa-handshake-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-handshake-o:before { | |
| content: "\f2b5"; | |
| } | |
| .fa.fa-envelope-open-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-envelope-open-o:before { | |
| content: "\f2b6"; | |
| } | |
| .fa.fa-linode { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-address-book-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-address-book-o:before { | |
| content: "\f2b9"; | |
| } | |
| .fa.fa-vcard:before { | |
| content: "\f2bb"; | |
| } | |
| .fa.fa-address-card-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-address-card-o:before { | |
| content: "\f2bb"; | |
| } | |
| .fa.fa-vcard-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-vcard-o:before { | |
| content: "\f2bb"; | |
| } | |
| .fa.fa-user-circle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-user-circle-o:before { | |
| content: "\f2bd"; | |
| } | |
| .fa.fa-user-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-user-o:before { | |
| content: "\f007"; | |
| } | |
| .fa.fa-id-badge { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-drivers-license:before { | |
| content: "\f2c2"; | |
| } | |
| .fa.fa-id-card-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-id-card-o:before { | |
| content: "\f2c2"; | |
| } | |
| .fa.fa-drivers-license-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-drivers-license-o:before { | |
| content: "\f2c2"; | |
| } | |
| .fa.fa-quora { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-free-code-camp { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-telegram { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-thermometer-4:before { | |
| content: "\f2c7"; | |
| } | |
| .fa.fa-thermometer:before { | |
| content: "\f2c7"; | |
| } | |
| .fa.fa-thermometer-3:before { | |
| content: "\f2c8"; | |
| } | |
| .fa.fa-thermometer-2:before { | |
| content: "\f2c9"; | |
| } | |
| .fa.fa-thermometer-1:before { | |
| content: "\f2ca"; | |
| } | |
| .fa.fa-thermometer-0:before { | |
| content: "\f2cb"; | |
| } | |
| .fa.fa-bathtub:before { | |
| content: "\f2cd"; | |
| } | |
| .fa.fa-s15:before { | |
| content: "\f2cd"; | |
| } | |
| .fa.fa-window-maximize { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-window-restore { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-times-rectangle:before { | |
| content: "\f410"; | |
| } | |
| .fa.fa-window-close-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-window-close-o:before { | |
| content: "\f410"; | |
| } | |
| .fa.fa-times-rectangle-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-times-rectangle-o:before { | |
| content: "\f410"; | |
| } | |
| .fa.fa-bandcamp { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-grav { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-etsy { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-imdb { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-ravelry { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-eercast { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-eercast:before { | |
| content: "\f2da"; | |
| } | |
| .fa.fa-snowflake-o { | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-snowflake-o:before { | |
| content: "\f2dc"; | |
| } | |
| .fa.fa-superpowers { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-wpexplorer { | |
| font-family: "Font Awesome 5 Brands"; | |
| font-weight: 400; | |
| } | |
| .fa.fa-cab:before { | |
| content: "\f1ba"; | |
| } | |
| .selectric-wrapper { | |
| position: relative; | |
| cursor: pointer; | |
| } | |
| .selectric-responsive { | |
| width: 100%; | |
| } | |
| .selectric { | |
| border: 1px solid #DDD; | |
| border-radius: 0px; | |
| background: #F8F8F8; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .selectric .label { | |
| display: block; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| margin: 0 38px 0 10px; | |
| font-size: 12px; | |
| line-height: 38px; | |
| color: #444; | |
| height: 38px; | |
| user-select: none; | |
| } | |
| .selectric .button { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 38px; | |
| height: 38px; | |
| line-height: 38px; | |
| background-color: #F8f8f8; | |
| color: #BBB; | |
| text-align: center; | |
| font: 0/0 a; | |
| *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; | |
| } | |
| .selectric .button:after { | |
| content: " "; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: auto; | |
| width: 0; | |
| height: 0; | |
| border: 4px solid transparent; | |
| border-top-color: #BBB; | |
| border-bottom: none; | |
| } | |
| .selectric-focus .selectric { | |
| border-color: #aaaaaa; | |
| } | |
| .selectric-hover .selectric { | |
| border-color: #c4c4c4; | |
| } | |
| .selectric-hover .selectric .button { | |
| color: #a2a2a2; | |
| } | |
| .selectric-hover .selectric .button:after { | |
| border-top-color: #a2a2a2; | |
| } | |
| .selectric-open { | |
| z-index: 9999; | |
| } | |
| .selectric-open .selectric { | |
| border-color: #c4c4c4; | |
| } | |
| .selectric-open .selectric-items { | |
| display: block; | |
| } | |
| .selectric-disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default; | |
| user-select: none; | |
| } | |
| .selectric-hide-select { | |
| position: relative; | |
| overflow: hidden; | |
| width: 0; | |
| height: 0; | |
| } | |
| .selectric-hide-select select { | |
| position: absolute; | |
| left: -100%; | |
| } | |
| .selectric-hide-select.selectric-is-native { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 10; | |
| } | |
| .selectric-hide-select.selectric-is-native select { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100%; | |
| width: 100%; | |
| border: none; | |
| z-index: 1; | |
| box-sizing: border-box; | |
| opacity: 0; | |
| } | |
| .selectric-input { | |
| position: absolute !important; | |
| top: 0 !important; | |
| left: 0 !important; | |
| overflow: hidden !important; | |
| clip: rect(0, 0, 0, 0) !important; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| width: 1px !important; | |
| height: 1px !important; | |
| outline: none !important; | |
| border: none !important; | |
| *font: 0/0 a !important; | |
| background: none !important; | |
| } | |
| .selectric-temp-show { | |
| position: absolute !important; | |
| visibility: hidden !important; | |
| display: block !important; | |
| } | |
| /* Items box */ | |
| .selectric-items { | |
| display: none; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| background: #F8F8F8; | |
| border: 1px solid #c4c4c4; | |
| z-index: -1; | |
| box-shadow: 0 0 10px -6px; | |
| } | |
| .selectric-items .selectric-scroll { | |
| height: 100%; | |
| overflow: auto; | |
| } | |
| .selectric-above .selectric-items { | |
| top: auto; | |
| bottom: 100%; | |
| } | |
| .selectric-items ul, .selectric-items li { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| font-size: 12px; | |
| line-height: 20px; | |
| min-height: 20px; | |
| } | |
| .selectric-items li { | |
| display: block; | |
| padding: 10px; | |
| color: #666; | |
| cursor: pointer; | |
| } | |
| .selectric-items li.selected { | |
| background: #E0E0E0; | |
| color: #444; | |
| } | |
| .selectric-items li.highlighted { | |
| background: #D0D0D0; | |
| color: #444; | |
| } | |
| .selectric-items li:hover { | |
| background: #D5D5D5; | |
| color: #444; | |
| } | |
| .selectric-items .disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default !important; | |
| background: none !important; | |
| color: #666 !important; | |
| user-select: none; | |
| } | |
| .selectric-items .selectric-group .selectric-group-label { | |
| font-weight: bold; | |
| padding-left: 10px; | |
| cursor: default; | |
| user-select: none; | |
| background: none; | |
| color: #444; | |
| } | |
| .selectric-items .selectric-group.disabled li { | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .selectric-items .selectric-group li { | |
| padding-left: 25px; | |
| } | |
| /* | |
| * Owl Carousel - Core | |
| */ | |
| .owl-carousel { | |
| display: none; | |
| width: 100%; | |
| -webkit-tap-highlight-color: transparent; | |
| /* position relative and z-index fix webkit rendering fonts issue */ | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .owl-carousel .owl-stage { | |
| position: relative; | |
| -ms-touch-action: pan-Y; | |
| touch-action: manipulation; | |
| -moz-backface-visibility: hidden; /* fix firefox animation glitch */ | |
| } | |
| .owl-carousel .owl-stage:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; | |
| } | |
| .owl-carousel .owl-stage-outer { | |
| position: relative; | |
| overflow: hidden; | |
| /* fix for flashing background */ | |
| -webkit-transform: translate3d(0px, 0px, 0px); | |
| } | |
| .owl-carousel .owl-wrapper, | |
| .owl-carousel .owl-item { | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| } | |
| .owl-carousel .owl-item { | |
| position: relative; | |
| min-height: 1px; | |
| float: left; | |
| -webkit-backface-visibility: hidden; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-touch-callout: none; | |
| } | |
| .owl-carousel .owl-item img { | |
| display: block; | |
| width: 100%; | |
| } | |
| .owl-carousel .owl-nav.disabled, | |
| .owl-carousel .owl-dots.disabled { | |
| display: none; | |
| } | |
| .owl-carousel .owl-nav .owl-prev, | |
| .owl-carousel .owl-nav .owl-next, | |
| .owl-carousel .owl-dot { | |
| cursor: pointer; | |
| -webkit-user-select: none; | |
| -khtml-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .owl-carousel .owl-nav button.owl-prev, | |
| .owl-carousel .owl-nav button.owl-next, | |
| .owl-carousel button.owl-dot { | |
| background: none; | |
| color: inherit; | |
| border: none; | |
| padding: 0 !important; | |
| font: inherit; | |
| } | |
| .owl-carousel.owl-loaded { | |
| display: block; | |
| } | |
| .owl-carousel.owl-loading { | |
| opacity: 0; | |
| display: block; | |
| } | |
| .owl-carousel.owl-hidden { | |
| opacity: 0; | |
| } | |
| .owl-carousel.owl-refresh .owl-item { | |
| visibility: hidden; | |
| } | |
| .owl-carousel.owl-drag .owl-item { | |
| touch-action: pan-y; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .owl-carousel.owl-grab { | |
| cursor: move; | |
| cursor: grab; | |
| } | |
| .owl-carousel.owl-rtl { | |
| direction: rtl; | |
| } | |
| .owl-carousel.owl-rtl .owl-item { | |
| float: right; | |
| } | |
| /* No Js */ | |
| .no-js .owl-carousel { | |
| display: block; | |
| } | |
| /* | |
| * Owl Carousel - Animate Plugin | |
| */ | |
| .owl-carousel .animated { | |
| animation-duration: 1000ms; | |
| animation-fill-mode: both; | |
| } | |
| .owl-carousel .owl-animated-in { | |
| z-index: 0; | |
| } | |
| .owl-carousel .owl-animated-out { | |
| z-index: 1; | |
| } | |
| .owl-carousel .fadeOut { | |
| animation-name: fadeOut; | |
| } | |
| @keyframes fadeOut { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } | |
| /* | |
| * Owl Carousel - Auto Height Plugin | |
| */ | |
| .owl-height { | |
| transition: height 500ms ease-in-out; | |
| } | |
| /* | |
| * Owl Carousel - Lazy Load Plugin | |
| */ | |
| .owl-carousel .owl-item { | |
| /** | |
| This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong | |
| calculation of the height of the owl-item that breaks page layouts | |
| */ | |
| } | |
| .owl-carousel .owl-item .owl-lazy { | |
| opacity: 0; | |
| transition: opacity 400ms ease; | |
| } | |
| .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { | |
| max-height: 0; | |
| } | |
| .owl-carousel .owl-item img.owl-lazy { | |
| transform-style: preserve-3d; | |
| } | |
| /* | |
| * Owl Carousel - Video Plugin | |
| */ | |
| .owl-carousel .owl-video-wrapper { | |
| position: relative; | |
| height: 100%; | |
| background: #000; | |
| } | |
| .owl-carousel .owl-video-play-icon { | |
| position: absolute; | |
| height: 80px; | |
| width: 80px; | |
| left: 50%; | |
| top: 50%; | |
| margin-left: -40px; | |
| margin-top: -40px; | |
| background: url("owl.video.play.png") no-repeat; | |
| cursor: pointer; | |
| z-index: 1; | |
| -webkit-backface-visibility: hidden; | |
| transition: transform 100ms ease; | |
| } | |
| .owl-carousel .owl-video-play-icon:hover { | |
| transform: scale(1.3, 1.3); | |
| } | |
| .owl-carousel .owl-video-playing .owl-video-tn, | |
| .owl-carousel .owl-video-playing .owl-video-play-icon { | |
| display: none; | |
| } | |
| .owl-carousel .owl-video-tn { | |
| opacity: 0; | |
| height: 100%; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| transition: opacity 400ms ease; | |
| } | |
| .owl-carousel .owl-video-frame { | |
| position: relative; | |
| z-index: 1; | |
| height: 100%; | |
| width: 100%; | |
| } | |
| /* 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; | |
| } | |
| .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; | |
| 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: #CCC; | |
| position: absolute; | |
| top: 50%; | |
| width: auto; | |
| text-align: center; | |
| margin-top: -0.8em; | |
| left: 8px; | |
| right: 8px; | |
| z-index: 1044; | |
| } | |
| .mfp-preloader a { | |
| color: #CCC; | |
| } | |
| .mfp-preloader a:hover { | |
| color: #FFF; | |
| } | |
| .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; | |
| outline: none; | |
| padding: 0; | |
| z-index: 1046; | |
| box-shadow: none; | |
| touch-action: manipulation; | |
| } | |
| 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: #FFF; | |
| 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: #333; | |
| } | |
| .mfp-image-holder .mfp-close, | |
| .mfp-iframe-holder .mfp-close { | |
| color: #FFF; | |
| right: -6px; | |
| text-align: right; | |
| padding-right: 6px; | |
| width: 100%; | |
| } | |
| .mfp-counter { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| color: #CCC; | |
| font-size: 12px; | |
| line-height: 18px; | |
| white-space: nowrap; | |
| } | |
| .mfp-arrow { | |
| position: absolute; | |
| opacity: 0.65; | |
| margin: 0; | |
| top: 50%; | |
| margin-top: -55px; | |
| padding: 0; | |
| width: 90px; | |
| height: 110px; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| } | |
| .mfp-arrow:active { | |
| margin-top: -54px; | |
| } | |
| .mfp-arrow:hover, .mfp-arrow:focus { | |
| opacity: 1; | |
| } | |
| .mfp-arrow:before, .mfp-arrow:after { | |
| content: ""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| margin-top: 35px; | |
| margin-left: 35px; | |
| border: medium inset transparent; | |
| } | |
| .mfp-arrow:after { | |
| border-top-width: 13px; | |
| border-bottom-width: 13px; | |
| top: 8px; | |
| } | |
| .mfp-arrow:before { | |
| border-top-width: 21px; | |
| border-bottom-width: 21px; | |
| opacity: 0.7; | |
| } | |
| .mfp-arrow-left { | |
| left: 0; | |
| } | |
| .mfp-arrow-left:after { | |
| border-right: 17px solid #FFF; | |
| margin-left: 31px; | |
| } | |
| .mfp-arrow-left:before { | |
| margin-left: 25px; | |
| border-right: 27px solid #3F3F3F; | |
| } | |
| .mfp-arrow-right { | |
| right: 0; | |
| } | |
| .mfp-arrow-right:after { | |
| border-left: 17px solid #FFF; | |
| margin-left: 39px; | |
| } | |
| .mfp-arrow-right:before { | |
| border-left: 27px solid #3F3F3F; | |
| } | |
| .mfp-iframe-holder { | |
| padding-top: 40px; | |
| padding-bottom: 40px; | |
| } | |
| .mfp-iframe-holder .mfp-content { | |
| line-height: 0; | |
| width: 100%; | |
| max-width: 900px; | |
| } | |
| .mfp-iframe-holder .mfp-close { | |
| top: -40px; | |
| } | |
| .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: #000; | |
| } | |
| /* Main image in popup */ | |
| img.mfp-img { | |
| width: auto; | |
| max-width: 100%; | |
| height: auto; | |
| display: block; | |
| line-height: 0; | |
| box-sizing: border-box; | |
| padding: 40px 0 40px; | |
| margin: 0 auto; | |
| } | |
| /* The shadow behind the image */ | |
| .mfp-figure { | |
| line-height: 0; | |
| } | |
| .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: #444; | |
| } | |
| .mfp-figure small { | |
| color: #BDBDBD; | |
| display: block; | |
| font-size: 12px; | |
| line-height: 14px; | |
| } | |
| .mfp-figure figure { | |
| margin: 0; | |
| } | |
| .mfp-bottom-bar { | |
| margin-top: -36px; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| width: 100%; | |
| cursor: auto; | |
| } | |
| .mfp-title { | |
| text-align: left; | |
| line-height: 18px; | |
| color: #F3F3F3; | |
| word-wrap: break-word; | |
| padding-right: 36px; | |
| } | |
| .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; | |
| } | |
| .mfp-img-mobile .mfp-figure:after { | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .mfp-img-mobile .mfp-figure small { | |
| display: inline; | |
| margin-left: 5px; | |
| } | |
| .mfp-img-mobile .mfp-bottom-bar { | |
| background: rgba(0, 0, 0, 0.6); | |
| bottom: 0; | |
| margin: 0; | |
| top: auto; | |
| padding: 3px 5px; | |
| position: fixed; | |
| 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; | |
| } | |
| } | |
| @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; | |
| } | |
| } | |
| .datepicker--cell-year.-other-decade-, .datepicker--cell-day.-other-month- { | |
| color: #dedede; | |
| } | |
| .datepicker--cell-year.-other-decade-:hover, .datepicker--cell-day.-other-month-:hover { | |
| color: #c5c5c5; | |
| } | |
| .-disabled-.-focus-.datepicker--cell-year.-other-decade-, .-disabled-.-focus-.datepicker--cell-day.-other-month- { | |
| color: #dedede; | |
| } | |
| .-selected-.datepicker--cell-year.-other-decade-, .-selected-.datepicker--cell-day.-other-month- { | |
| color: #fff; | |
| background: #a2ddf6; | |
| } | |
| .-selected-.-focus-.datepicker--cell-year.-other-decade-, .-selected-.-focus-.datepicker--cell-day.-other-month- { | |
| background: #8ad5f4; | |
| } | |
| .-in-range-.datepicker--cell-year.-other-decade-, .-in-range-.datepicker--cell-day.-other-month- { | |
| background-color: rgba(92, 196, 239, 0.1); | |
| color: #cccccc; | |
| } | |
| .-in-range-.-focus-.datepicker--cell-year.-other-decade-, .-in-range-.-focus-.datepicker--cell-day.-other-month- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell-year.-other-decade-:empty, .datepicker--cell-day.-other-month-:empty { | |
| background: none; | |
| border: none; | |
| } | |
| .datepicker--cell-year.-other-decade-, .datepicker--cell-day.-other-month- { | |
| color: #dedede; | |
| } | |
| .datepicker--cell-year.-other-decade-:hover, .datepicker--cell-day.-other-month-:hover { | |
| color: #c5c5c5; | |
| } | |
| .-disabled-.-focus-.datepicker--cell-year.-other-decade-, .-disabled-.-focus-.datepicker--cell-day.-other-month- { | |
| color: #dedede; | |
| } | |
| .-selected-.datepicker--cell-year.-other-decade-, .-selected-.datepicker--cell-day.-other-month- { | |
| color: #fff; | |
| background: #a2ddf6; | |
| } | |
| .-selected-.-focus-.datepicker--cell-year.-other-decade-, .-selected-.-focus-.datepicker--cell-day.-other-month- { | |
| background: #8ad5f4; | |
| } | |
| .-in-range-.datepicker--cell-year.-other-decade-, .-in-range-.datepicker--cell-day.-other-month- { | |
| background-color: rgba(92, 196, 239, 0.1); | |
| color: #cccccc; | |
| } | |
| .-in-range-.-focus-.datepicker--cell-year.-other-decade-, .-in-range-.-focus-.datepicker--cell-day.-other-month- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell-year.-other-decade-:empty, .datepicker--cell-day.-other-month-:empty { | |
| background: none; | |
| border: none; | |
| } | |
| /* ------------------------------------------------- | |
| Datepicker cells | |
| ------------------------------------------------- */ | |
| .datepicker--cells { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| .datepicker--cell { | |
| border-radius: 4px; | |
| box-sizing: border-box; | |
| cursor: pointer; | |
| display: flex; | |
| position: relative; | |
| align-items: center; | |
| justify-content: center; | |
| height: 32px; | |
| z-index: 1; | |
| } | |
| .datepicker--cell.-focus- { | |
| background: #f0f0f0; | |
| } | |
| .datepicker--cell.-current- { | |
| color: #4EB5E6; | |
| } | |
| .datepicker--cell.-current-.-focus- { | |
| color: #4a4a4a; | |
| } | |
| .datepicker--cell.-current-.-in-range- { | |
| color: #4EB5E6; | |
| } | |
| .datepicker--cell.-in-range- { | |
| background: rgba(92, 196, 239, 0.1); | |
| color: #4a4a4a; | |
| border-radius: 0; | |
| } | |
| .datepicker--cell.-in-range-.-focus- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell.-disabled- { | |
| cursor: default; | |
| color: #aeaeae; | |
| } | |
| .datepicker--cell.-disabled-.-focus- { | |
| color: #aeaeae; | |
| } | |
| .datepicker--cell.-disabled-.-in-range- { | |
| color: #a1a1a1; | |
| } | |
| .datepicker--cell.-disabled-.-current-.-focus- { | |
| color: #aeaeae; | |
| } | |
| .datepicker--cell.-range-from- { | |
| border: 1px solid rgba(92, 196, 239, 0.5); | |
| background-color: rgba(92, 196, 239, 0.1); | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .datepicker--cell.-range-to- { | |
| border: 1px solid rgba(92, 196, 239, 0.5); | |
| background-color: rgba(92, 196, 239, 0.1); | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .datepicker--cell.-range-from-.-range-to- { | |
| border-radius: 4px; | |
| } | |
| .datepicker--cell.-selected- { | |
| color: #fff; | |
| border: none; | |
| background: #5cc4ef; | |
| } | |
| .datepicker--cell.-selected-.-current- { | |
| color: #fff; | |
| background: #5cc4ef; | |
| } | |
| .datepicker--cell.-selected-.-focus- { | |
| background: #45bced; | |
| } | |
| .datepicker--cell:empty { | |
| cursor: default; | |
| } | |
| .datepicker--days-names { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin: 8px 0 3px; | |
| } | |
| .datepicker--day-name { | |
| color: #FF9A19; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex: 1; | |
| text-align: center; | |
| text-transform: uppercase; | |
| font-size: 0.8em; | |
| } | |
| .datepicker--cell-day { | |
| width: 14.2857142857 %; | |
| } | |
| .datepicker--cells-months { | |
| height: 170px; | |
| } | |
| .datepicker--cell-month { | |
| width: 33.33%; | |
| height: 25%; | |
| } | |
| .datepicker--years { | |
| height: 170px; | |
| } | |
| .datepicker--cells-years { | |
| height: 170px; | |
| } | |
| .datepicker--cell-year { | |
| width: 25%; | |
| height: 33.33%; | |
| } | |
| .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { | |
| color: #c5c5c5; | |
| } | |
| .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { | |
| color: #fff; | |
| background: #a2ddf6; | |
| } | |
| .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { | |
| background: #8ad5f4; | |
| } | |
| .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.1); | |
| color: #cccccc; | |
| } | |
| .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { | |
| background: none; | |
| border: none; | |
| } | |
| /* ------------------------------------------------- | |
| Datepicker | |
| ------------------------------------------------- */ | |
| .datepickers-container { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| @media print { | |
| .datepickers-container { | |
| display: none; | |
| } | |
| } | |
| .datepicker { | |
| background: #fff; | |
| border: 1px solid #dbdbdb; | |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); | |
| border-radius: 4px; | |
| box-sizing: content-box; | |
| font-family: Tahoma, sans-serif; | |
| font-size: 14px; | |
| color: #4a4a4a; | |
| width: 250px; | |
| position: absolute; | |
| left: -100000px; | |
| opacity: 0; | |
| transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; | |
| z-index: 100; | |
| } | |
| .datepicker.-from-top- { | |
| transform: translateY(-8px); | |
| } | |
| .datepicker.-from-right- { | |
| transform: translateX(8px); | |
| } | |
| .datepicker.-from-bottom- { | |
| transform: translateY(8px); | |
| } | |
| .datepicker.-from-left- { | |
| transform: translateX(-8px); | |
| } | |
| .datepicker.active { | |
| opacity: 1; | |
| transform: translate(0); | |
| transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; | |
| } | |
| .datepicker-inline .datepicker { | |
| border-color: #d7d7d7; | |
| box-shadow: none; | |
| position: static; | |
| left: auto; | |
| right: auto; | |
| opacity: 1; | |
| transform: none; | |
| } | |
| .datepicker-inline .datepicker--pointer { | |
| display: none; | |
| } | |
| .datepicker--content { | |
| box-sizing: content-box; | |
| padding: 4px; | |
| } | |
| .-only-timepicker- .datepicker--content { | |
| display: none; | |
| } | |
| .datepicker--pointer { | |
| position: absolute; | |
| background: #fff; | |
| border-top: 1px solid #dbdbdb; | |
| border-right: 1px solid #dbdbdb; | |
| width: 10px; | |
| height: 10px; | |
| z-index: -1; | |
| } | |
| .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { | |
| top: calc(100% - 4px); | |
| transform: rotate(135deg); | |
| } | |
| .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { | |
| right: calc(100% - 4px); | |
| transform: rotate(225deg); | |
| } | |
| .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { | |
| bottom: calc(100% - 4px); | |
| transform: rotate(315deg); | |
| } | |
| .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { | |
| left: calc(100% - 4px); | |
| transform: rotate(45deg); | |
| } | |
| .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { | |
| left: 10px; | |
| } | |
| .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { | |
| right: 10px; | |
| } | |
| .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { | |
| left: calc(50% - 10px / 2); | |
| } | |
| .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { | |
| top: 10px; | |
| } | |
| .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { | |
| bottom: 10px; | |
| } | |
| .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { | |
| top: calc(50% - 10px / 2); | |
| } | |
| .datepicker--body { | |
| display: none; | |
| } | |
| .datepicker--body.active { | |
| display: block; | |
| } | |
| .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { | |
| color: #c5c5c5; | |
| } | |
| .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { | |
| color: #fff; | |
| background: #a2ddf6; | |
| } | |
| .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { | |
| background: #8ad5f4; | |
| } | |
| .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.1); | |
| color: #cccccc; | |
| } | |
| .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { | |
| background: none; | |
| border: none; | |
| } | |
| /* ------------------------------------------------- | |
| Navigation | |
| ------------------------------------------------- */ | |
| .datepicker--nav { | |
| display: flex; | |
| justify-content: space-between; | |
| border-bottom: 1px solid #efefef; | |
| min-height: 32px; | |
| padding: 4px; | |
| } | |
| .-only-timepicker- .datepicker--nav { | |
| display: none; | |
| } | |
| .datepicker--nav-title, | |
| .datepicker--nav-action { | |
| display: flex; | |
| cursor: pointer; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .datepicker--nav-action { | |
| width: 32px; | |
| border-radius: 4px; | |
| user-select: none; | |
| } | |
| .datepicker--nav-action:hover { | |
| background: #f0f0f0; | |
| } | |
| .datepicker--nav-action.-disabled- { | |
| visibility: hidden; | |
| } | |
| .datepicker--nav-action svg { | |
| width: 32px; | |
| height: 32px; | |
| } | |
| .datepicker--nav-action path { | |
| fill: none; | |
| stroke: #9c9c9c; | |
| stroke-width: 2px; | |
| } | |
| .datepicker--nav-title { | |
| border-radius: 4px; | |
| padding: 0 8px; | |
| } | |
| .datepicker--nav-title i { | |
| font-style: normal; | |
| color: #9c9c9c; | |
| margin-left: 5px; | |
| } | |
| .datepicker--nav-title:hover { | |
| background: #f0f0f0; | |
| } | |
| .datepicker--nav-title.-disabled- { | |
| cursor: default; | |
| background: none; | |
| } | |
| .datepicker--buttons { | |
| display: flex; | |
| padding: 4px; | |
| border-top: 1px solid #efefef; | |
| } | |
| .datepicker--button { | |
| color: #4EB5E6; | |
| cursor: pointer; | |
| border-radius: 4px; | |
| flex: 1; | |
| display: inline-flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 32px; | |
| } | |
| .datepicker--button:hover { | |
| color: #4a4a4a; | |
| background: #f0f0f0; | |
| } | |
| .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { | |
| color: #c5c5c5; | |
| } | |
| .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { | |
| color: #dedede; | |
| } | |
| .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { | |
| color: #fff; | |
| background: #a2ddf6; | |
| } | |
| .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { | |
| background: #8ad5f4; | |
| } | |
| .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.1); | |
| color: #cccccc; | |
| } | |
| .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { | |
| background-color: rgba(92, 196, 239, 0.2); | |
| } | |
| .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { | |
| background: none; | |
| border: none; | |
| } | |
| /* ------------------------------------------------- | |
| Timepicker | |
| ------------------------------------------------- */ | |
| .datepicker--time { | |
| border-top: 1px solid #efefef; | |
| display: flex; | |
| align-items: center; | |
| padding: 4px; | |
| position: relative; | |
| } | |
| .datepicker--time.-am-pm- .datepicker--time-sliders { | |
| flex: 0 1 138px; | |
| max-width: 138px; | |
| } | |
| .-only-timepicker- .datepicker--time { | |
| border-top: none; | |
| } | |
| .datepicker--time-sliders { | |
| flex: 0 1 153px; | |
| margin-right: 10px; | |
| max-width: 153px; | |
| } | |
| .datepicker--time-label { | |
| display: none; | |
| font-size: 12px; | |
| } | |
| .datepicker--time-current { | |
| display: flex; | |
| align-items: center; | |
| flex: 1; | |
| font-size: 14px; | |
| text-align: center; | |
| margin: 0 0 0 10px; | |
| } | |
| .datepicker--time-current-colon { | |
| margin: 0 2px 3px; | |
| line-height: 1; | |
| } | |
| .datepicker--time-current-hours, | |
| .datepicker--time-current-minutes { | |
| line-height: 1; | |
| font-size: 19px; | |
| font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .datepicker--time-current-hours:after, | |
| .datepicker--time-current-minutes:after { | |
| content: ""; | |
| background: #f0f0f0; | |
| border-radius: 4px; | |
| position: absolute; | |
| left: -2px; | |
| top: -3px; | |
| right: -2px; | |
| bottom: -2px; | |
| z-index: -1; | |
| opacity: 0; | |
| } | |
| .datepicker--time-current-hours.-focus-:after, | |
| .datepicker--time-current-minutes.-focus-:after { | |
| opacity: 1; | |
| } | |
| .datepicker--time-current-ampm { | |
| text-transform: uppercase; | |
| align-self: flex-end; | |
| color: #9c9c9c; | |
| margin-left: 6px; | |
| font-size: 11px; | |
| margin-bottom: 1px; | |
| } | |
| .datepicker--time-row { | |
| display: flex; | |
| align-items: center; | |
| font-size: 11px; | |
| height: 17px; | |
| background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; | |
| } | |
| .datepicker--time-row:first-child { | |
| margin-bottom: 4px; | |
| } | |
| .datepicker--time-row input[type=range] { | |
| background: none; | |
| cursor: pointer; | |
| flex: 1; | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; | |
| -webkit-appearance: none; | |
| } | |
| .datepicker--time-row input[type=range]::-webkit-slider-thumb { | |
| -webkit-appearance: none; | |
| } | |
| .datepicker--time-row input[type=range]::-ms-tooltip { | |
| display: none; | |
| } | |
| .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb { | |
| border-color: #b8b8b8; | |
| } | |
| .datepicker--time-row input[type=range]:hover::-moz-range-thumb { | |
| border-color: #b8b8b8; | |
| } | |
| .datepicker--time-row input[type=range]:hover::-ms-thumb { | |
| border-color: #b8b8b8; | |
| } | |
| .datepicker--time-row input[type=range]:focus { | |
| outline: none; | |
| } | |
| .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { | |
| background: #5cc4ef; | |
| border-color: #5cc4ef; | |
| } | |
| .datepicker--time-row input[type=range]:focus::-moz-range-thumb { | |
| background: #5cc4ef; | |
| border-color: #5cc4ef; | |
| } | |
| .datepicker--time-row input[type=range]:focus::-ms-thumb { | |
| background: #5cc4ef; | |
| border-color: #5cc4ef; | |
| } | |
| .datepicker--time-row input[type=range]::-webkit-slider-thumb { | |
| box-sizing: border-box; | |
| height: 12px; | |
| width: 12px; | |
| border-radius: 3px; | |
| border: 1px solid #dedede; | |
| background: #fff; | |
| cursor: pointer; | |
| transition: background 0.2s; | |
| } | |
| .datepicker--time-row input[type=range]::-moz-range-thumb { | |
| box-sizing: border-box; | |
| height: 12px; | |
| width: 12px; | |
| border-radius: 3px; | |
| border: 1px solid #dedede; | |
| background: #fff; | |
| cursor: pointer; | |
| transition: background 0.2s; | |
| } | |
| .datepicker--time-row input[type=range]::-ms-thumb { | |
| box-sizing: border-box; | |
| height: 12px; | |
| width: 12px; | |
| border-radius: 3px; | |
| border: 1px solid #dedede; | |
| background: #fff; | |
| cursor: pointer; | |
| transition: background 0.2s; | |
| } | |
| .datepicker--time-row input[type=range]::-webkit-slider-thumb { | |
| margin-top: -6px; | |
| } | |
| .datepicker--time-row input[type=range]::-webkit-slider-runnable-track { | |
| border: none; | |
| height: 1px; | |
| cursor: pointer; | |
| color: transparent; | |
| background: transparent; | |
| } | |
| .datepicker--time-row input[type=range]::-moz-range-track { | |
| border: none; | |
| height: 1px; | |
| cursor: pointer; | |
| color: transparent; | |
| background: transparent; | |
| } | |
| .datepicker--time-row input[type=range]::-ms-track { | |
| border: none; | |
| height: 1px; | |
| cursor: pointer; | |
| color: transparent; | |
| background: transparent; | |
| } | |
| .datepicker--time-row input[type=range]::-ms-fill-lower { | |
| background: transparent; | |
| } | |
| .datepicker--time-row input[type=range]::-ms-fill-upper { | |
| background: transparent; | |
| } | |
| .datepicker--time-row span { | |
| padding: 0 12px; | |
| } | |
| .datepicker--time-icon { | |
| color: #9c9c9c; | |
| border: 1px solid; | |
| border-radius: 50%; | |
| font-size: 16px; | |
| position: relative; | |
| margin: 0 5px -1px 0; | |
| width: 1em; | |
| height: 1em; | |
| } | |
| .datepicker--time-icon:after, .datepicker--time-icon:before { | |
| content: ""; | |
| background: currentColor; | |
| position: absolute; | |
| } | |
| .datepicker--time-icon:after { | |
| height: 0.4em; | |
| width: 1px; | |
| left: calc(50% - 1px); | |
| top: calc(50% + 1px); | |
| transform: translateY(-100%); | |
| } | |
| .datepicker--time-icon:before { | |
| width: 0.4em; | |
| height: 1px; | |
| top: calc(50% + 1px); | |
| left: calc(50% - 1px); | |
| } | |
| /*=============================== | |
| = Choices = | |
| ===============================*/ | |
| .choices { | |
| position: relative; | |
| margin-bottom: 24px; | |
| font-size: 16px; | |
| } | |
| .choices:focus { | |
| outline: none; | |
| } | |
| .choices:last-child { | |
| margin-bottom: 0; | |
| } | |
| .choices.is-disabled .choices__inner, | |
| .choices.is-disabled .choices__input { | |
| background-color: #EAEAEA; | |
| cursor: not-allowed; | |
| user-select: none; | |
| } | |
| .choices.is-disabled .choices__item { | |
| cursor: not-allowed; | |
| } | |
| .choices[data-type*=select-one] { | |
| cursor: pointer; | |
| } | |
| .choices[data-type*=select-one] .choices__inner { | |
| padding-bottom: 7.5px; | |
| } | |
| .choices[data-type*=select-one] .choices__input { | |
| display: block; | |
| width: 100%; | |
| padding: 10px; | |
| border-bottom: 1px solid #DDDDDD; | |
| background-color: #FFFFFF; | |
| margin: 0; | |
| } | |
| .choices[data-type*=select-one] .choices__button { | |
| background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); | |
| padding: 0; | |
| background-size: 8px; | |
| position: absolute; | |
| top: 50%; | |
| right: 0; | |
| margin-top: -10px; | |
| margin-right: 25px; | |
| height: 20px; | |
| width: 20px; | |
| border-radius: 10em; | |
| opacity: 0.5; | |
| } | |
| .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { | |
| opacity: 1; | |
| } | |
| .choices[data-type*=select-one] .choices__button:focus { | |
| box-shadow: 0px 0px 0px 2px #00BCD4; | |
| } | |
| .choices[data-type*=select-one]:after { | |
| content: ""; | |
| height: 0; | |
| width: 0; | |
| border-style: solid; | |
| border-color: #333333 transparent transparent transparent; | |
| border-width: 5px; | |
| position: absolute; | |
| right: 11.5px; | |
| top: 50%; | |
| margin-top: -2.5px; | |
| pointer-events: none; | |
| } | |
| .choices[data-type*=select-one].is-open:after { | |
| border-color: transparent transparent #333333 transparent; | |
| margin-top: -7.5px; | |
| } | |
| .choices[data-type*=select-one][dir=rtl]:after { | |
| left: 11.5px; | |
| right: auto; | |
| } | |
| .choices[data-type*=select-one][dir=rtl] .choices__button { | |
| right: auto; | |
| left: 0; | |
| margin-left: 25px; | |
| margin-right: 0; | |
| } | |
| .choices[data-type*=select-multiple] .choices__inner, | |
| .choices[data-type*=text] .choices__inner { | |
| cursor: text; | |
| } | |
| .choices[data-type*=select-multiple] .choices__button, | |
| .choices[data-type*=text] .choices__button { | |
| position: relative; | |
| display: inline-block; | |
| margin-top: 0; | |
| margin-right: -4px; | |
| margin-bottom: 0; | |
| margin-left: 8px; | |
| padding-left: 16px; | |
| border-left: 1px solid #008fa1; | |
| background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); | |
| background-size: 8px; | |
| width: 8px; | |
| line-height: 1; | |
| opacity: 0.75; | |
| border-radius: 0; | |
| } | |
| .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, | |
| .choices[data-type*=text] .choices__button:hover, | |
| .choices[data-type*=text] .choices__button:focus { | |
| opacity: 1; | |
| } | |
| .choices__inner { | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 100%; | |
| background-color: #f9f9f9; | |
| padding: 7.5px 7.5px 3.75px; | |
| border: 1px solid #DDDDDD; | |
| border-radius: 2.5px; | |
| font-size: 14px; | |
| min-height: 44px; | |
| overflow: hidden; | |
| } | |
| .is-focused .choices__inner, .is-open .choices__inner { | |
| border-color: #b7b7b7; | |
| } | |
| .is-open .choices__inner { | |
| border-radius: 2.5px 2.5px 0 0; | |
| } | |
| .is-flipped.is-open .choices__inner { | |
| border-radius: 0 0 2.5px 2.5px; | |
| } | |
| .choices__list { | |
| margin: 0; | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .choices__list--single { | |
| display: inline-block; | |
| padding: 4px 16px 4px 4px; | |
| width: 100%; | |
| } | |
| [dir=rtl] .choices__list--single { | |
| padding-right: 4px; | |
| padding-left: 16px; | |
| } | |
| .choices__list--single .choices__item { | |
| width: 100%; | |
| } | |
| .choices__list--multiple { | |
| display: inline; | |
| } | |
| .choices__list--multiple .choices__item { | |
| display: inline-block; | |
| vertical-align: middle; | |
| border-radius: 20px; | |
| padding: 4px 10px; | |
| font-size: 12px; | |
| font-weight: 500; | |
| margin-right: 3.75px; | |
| margin-bottom: 3.75px; | |
| background-color: #00BCD4; | |
| border: 1px solid #00a5bb; | |
| color: #FFFFFF; | |
| word-break: break-all; | |
| } | |
| .choices__list--multiple .choices__item[data-deletable] { | |
| padding-right: 5px; | |
| } | |
| [dir=rtl] .choices__list--multiple .choices__item { | |
| margin-right: 0; | |
| margin-left: 3.75px; | |
| } | |
| .choices__list--multiple .choices__item.is-highlighted { | |
| background-color: #00a5bb; | |
| border: 1px solid #008fa1; | |
| } | |
| .is-disabled .choices__list--multiple .choices__item { | |
| background-color: #aaaaaa; | |
| border: 1px solid #919191; | |
| } | |
| .choices__list--dropdown { | |
| display: none; | |
| z-index: 1; | |
| position: absolute; | |
| width: 100%; | |
| background-color: #FFFFFF; | |
| border: 1px solid #DDDDDD; | |
| top: 100%; | |
| margin-top: -1px; | |
| border-bottom-left-radius: 2.5px; | |
| border-bottom-right-radius: 2.5px; | |
| overflow: hidden; | |
| word-break: break-all; | |
| } | |
| .choices__list--dropdown.is-active { | |
| display: block; | |
| } | |
| .is-open .choices__list--dropdown { | |
| border-color: #b7b7b7; | |
| } | |
| .is-flipped .choices__list--dropdown { | |
| top: auto; | |
| bottom: 100%; | |
| margin-top: 0; | |
| margin-bottom: -1px; | |
| border-radius: 0.25rem 0.25rem 0 0; | |
| } | |
| .choices__list--dropdown .choices__list { | |
| position: relative; | |
| max-height: 300px; | |
| overflow: auto; | |
| -webkit-overflow-scrolling: touch; | |
| will-change: scroll-position; | |
| } | |
| .choices__list--dropdown .choices__item { | |
| position: relative; | |
| padding: 10px; | |
| font-size: 14px; | |
| } | |
| [dir=rtl] .choices__list--dropdown .choices__item { | |
| text-align: right; | |
| } | |
| @media (min-width: 640px) { | |
| .choices__list--dropdown .choices__item--selectable { | |
| padding-right: 100px; | |
| } | |
| .choices__list--dropdown .choices__item--selectable:after { | |
| content: attr(data-select-text); | |
| font-size: 12px; | |
| opacity: 0; | |
| position: absolute; | |
| right: 10px; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| [dir=rtl] .choices__list--dropdown .choices__item--selectable { | |
| text-align: right; | |
| padding-left: 100px; | |
| padding-right: 10px; | |
| } | |
| [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { | |
| right: auto; | |
| left: 10px; | |
| } | |
| } | |
| .choices__list--dropdown .choices__item--selectable.is-highlighted { | |
| background-color: #f2f2f2; | |
| } | |
| .choices__list--dropdown .choices__item--selectable.is-highlighted:after { | |
| opacity: 0.5; | |
| } | |
| .choices__item { | |
| cursor: default; | |
| } | |
| .choices__item--selectable { | |
| cursor: pointer; | |
| } | |
| .choices__item--disabled { | |
| cursor: not-allowed; | |
| user-select: none; | |
| opacity: 0.5; | |
| } | |
| .choices__heading { | |
| font-weight: 600; | |
| font-size: 12px; | |
| padding: 10px; | |
| border-bottom: 1px solid #f7f7f7; | |
| color: gray; | |
| } | |
| .choices__button { | |
| text-indent: -9999px; | |
| -webkit-appearance: none; | |
| appearance: none; | |
| border: 0; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| cursor: pointer; | |
| } | |
| .choices__button:focus { | |
| outline: none; | |
| } | |
| .choices__input { | |
| display: inline-block; | |
| vertical-align: baseline; | |
| background-color: #f9f9f9; | |
| font-size: 14px; | |
| margin-bottom: 5px; | |
| border: 0; | |
| border-radius: 0; | |
| max-width: 100%; | |
| padding: 4px 0 4px 2px; | |
| } | |
| .choices__input:focus { | |
| outline: 0; | |
| } | |
| [dir=rtl] .choices__input { | |
| padding-right: 2px; | |
| padding-left: 0; | |
| } | |
| .choices__placeholder { | |
| opacity: 0.5; | |
| } | |
| .choices__input.is-hidden, | |
| .choices[data-type*=select-one] .choices__input.is-hidden, | |
| .choices[data-type*=select-multiple] .choices__input.is-hidden { | |
| display: none; | |
| } | |
| /*===== End of Choices ======*/ | |
| @keyframes plyr-progress { | |
| to { | |
| background-position: var(--plyr-progress-loading-size, 25px) 0; | |
| } | |
| } | |
| @keyframes plyr-popup { | |
| 0% { | |
| opacity: 0.5; | |
| transform: translateY(10px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| @keyframes plyr-fade-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| .plyr { | |
| -moz-osx-font-smoothing: grayscale; | |
| -webkit-font-smoothing: antialiased; | |
| align-items: center; | |
| direction: ltr; | |
| display: flex; | |
| flex-direction: column; | |
| font-family: var(--plyr-font-family, inherit); | |
| font-variant-numeric: tabular-nums; | |
| font-weight: var(--plyr-font-weight-regular, 400); | |
| line-height: var(--plyr-line-height, 1.7); | |
| max-width: 100%; | |
| min-width: 200px; | |
| position: relative; | |
| text-shadow: none; | |
| transition: box-shadow 0.3s ease; | |
| z-index: 0; | |
| } | |
| .plyr video, | |
| .plyr audio, | |
| .plyr iframe { | |
| display: block; | |
| height: 100%; | |
| width: 100%; | |
| } | |
| .plyr button { | |
| font: inherit; | |
| line-height: inherit; | |
| width: auto; | |
| } | |
| .plyr:focus { | |
| outline: 0; | |
| } | |
| .plyr--full-ui { | |
| box-sizing: border-box; | |
| } | |
| .plyr--full-ui *, | |
| .plyr--full-ui *::after, | |
| .plyr--full-ui *::before { | |
| box-sizing: inherit; | |
| } | |
| .plyr--full-ui a, | |
| .plyr--full-ui button, | |
| .plyr--full-ui input, | |
| .plyr--full-ui label { | |
| touch-action: manipulation; | |
| } | |
| .plyr__badge { | |
| background: var(--plyr-badge-background, hsl(216, 15%, 34%)); | |
| border-radius: var(--plyr-badge-border-radius, 2px); | |
| color: var(--plyr-badge-text-color, #fff); | |
| font-size: var(--plyr-font-size-badge, 9px); | |
| line-height: 1; | |
| padding: 3px 4px; | |
| } | |
| .plyr--full-ui ::-webkit-media-text-track-container { | |
| display: none; | |
| } | |
| .plyr__captions { | |
| animation: plyr-fade-in 0.3s ease; | |
| bottom: 0; | |
| display: none; | |
| font-size: var(--plyr-font-size-small, 13px); | |
| left: 0; | |
| padding: var(--plyr-control-spacing, 10px); | |
| position: absolute; | |
| text-align: center; | |
| transition: transform 0.4s ease-in-out; | |
| width: 100%; | |
| } | |
| .plyr__captions span:empty { | |
| display: none; | |
| } | |
| @media (min-width: 480px) { | |
| .plyr__captions { | |
| font-size: var(--plyr-font-size-base, 15px); | |
| padding: calc(var(--plyr-control-spacing, 10px) * 2); | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .plyr__captions { | |
| font-size: var(--plyr-font-size-large, 18px); | |
| } | |
| } | |
| .plyr--captions-active .plyr__captions { | |
| display: block; | |
| } | |
| .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { | |
| transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); | |
| } | |
| .plyr__caption { | |
| background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); | |
| border-radius: 2px; | |
| box-decoration-break: clone; | |
| color: var(--plyr-captions-text-color, #fff); | |
| line-height: 185%; | |
| padding: 0.2em 0.5em; | |
| white-space: pre-wrap; | |
| } | |
| .plyr__caption div { | |
| display: inline; | |
| } | |
| .plyr__control { | |
| background: transparent; | |
| border: 0; | |
| border-radius: var(--plyr-control-radius, 3px); | |
| color: inherit; | |
| cursor: pointer; | |
| flex-shrink: 0; | |
| overflow: visible; | |
| padding: calc(var(--plyr-control-spacing, 10px) * 0.7); | |
| position: relative; | |
| transition: all 0.3s ease; | |
| } | |
| .plyr__control svg { | |
| display: block; | |
| fill: currentColor; | |
| height: var(--plyr-control-icon-size, 18px); | |
| pointer-events: none; | |
| width: var(--plyr-control-icon-size, 18px); | |
| } | |
| .plyr__control:focus { | |
| outline: 0; | |
| } | |
| .plyr__control.plyr__tab-focus { | |
| outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| outline-offset: 2px; | |
| outline-style: dotted; | |
| outline-width: 3px; | |
| } | |
| a.plyr__control { | |
| text-decoration: none; | |
| } | |
| a.plyr__control::after, a.plyr__control::before { | |
| display: none; | |
| } | |
| .plyr__control:not(.plyr__control--pressed) .icon--pressed, | |
| .plyr__control.plyr__control--pressed .icon--not-pressed, | |
| .plyr__control:not(.plyr__control--pressed) .label--pressed, | |
| .plyr__control.plyr__control--pressed .label--not-pressed { | |
| display: none; | |
| } | |
| .plyr--full-ui ::-webkit-media-controls { | |
| display: none; | |
| } | |
| .plyr__controls { | |
| align-items: center; | |
| display: flex; | |
| justify-content: flex-end; | |
| text-align: center; | |
| } | |
| .plyr__controls .plyr__progress__container { | |
| flex: 1; | |
| min-width: 0; | |
| } | |
| .plyr__controls .plyr__controls__item { | |
| margin-left: calc(var(--plyr-control-spacing, 10px) / 4); | |
| } | |
| .plyr__controls .plyr__controls__item:first-child { | |
| margin-left: 0; | |
| margin-right: auto; | |
| } | |
| .plyr__controls .plyr__controls__item.plyr__progress__container { | |
| padding-left: calc(var(--plyr-control-spacing, 10px) / 4); | |
| } | |
| .plyr__controls .plyr__controls__item.plyr__time { | |
| padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); | |
| } | |
| .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time { | |
| padding-left: 0; | |
| } | |
| .plyr__controls:empty { | |
| display: none; | |
| } | |
| .plyr [data-plyr=captions], | |
| .plyr [data-plyr=pip], | |
| .plyr [data-plyr=airplay], | |
| .plyr [data-plyr=fullscreen] { | |
| display: none; | |
| } | |
| .plyr--captions-enabled [data-plyr=captions], | |
| .plyr--pip-supported [data-plyr=pip], | |
| .plyr--airplay-supported [data-plyr=airplay], | |
| .plyr--fullscreen-enabled [data-plyr=fullscreen] { | |
| display: inline-block; | |
| } | |
| .plyr__menu { | |
| display: flex; | |
| position: relative; | |
| } | |
| .plyr__menu .plyr__control svg { | |
| transition: transform 0.3s ease; | |
| } | |
| .plyr__menu .plyr__control[aria-expanded=true] svg { | |
| transform: rotate(90deg); | |
| } | |
| .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { | |
| display: none; | |
| } | |
| .plyr__menu__container { | |
| animation: plyr-popup 0.2s ease; | |
| background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); | |
| border-radius: 4px; | |
| bottom: 100%; | |
| box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); | |
| color: var(--plyr-menu-color, hsl(216, 15%, 34%)); | |
| font-size: var(--plyr-font-size-base, 15px); | |
| margin-bottom: 10px; | |
| position: absolute; | |
| right: -3px; | |
| text-align: left; | |
| white-space: nowrap; | |
| z-index: 3; | |
| } | |
| .plyr__menu__container > div { | |
| overflow: hidden; | |
| transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .plyr__menu__container::after { | |
| border: var(--plyr-menu-arrow-size, 4px) solid transparent; | |
| border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); | |
| content: ""; | |
| height: 0; | |
| position: absolute; | |
| right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2); | |
| top: 100%; | |
| width: 0; | |
| } | |
| .plyr__menu__container [role=menu] { | |
| padding: calc(var(--plyr-control-spacing, 10px) * 0.7); | |
| } | |
| .plyr__menu__container [role=menuitem], | |
| .plyr__menu__container [role=menuitemradio] { | |
| margin-top: 2px; | |
| } | |
| .plyr__menu__container [role=menuitem]:first-child, | |
| .plyr__menu__container [role=menuitemradio]:first-child { | |
| margin-top: 0; | |
| } | |
| .plyr__menu__container .plyr__control { | |
| align-items: center; | |
| color: var(--plyr-menu-color, hsl(216, 15%, 34%)); | |
| display: flex; | |
| font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); | |
| padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); | |
| padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); | |
| padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); | |
| padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); | |
| user-select: none; | |
| width: 100%; | |
| } | |
| .plyr__menu__container .plyr__control > span { | |
| align-items: inherit; | |
| display: flex; | |
| width: 100%; | |
| } | |
| .plyr__menu__container .plyr__control::after { | |
| border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; | |
| content: ""; | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| .plyr__menu__container .plyr__control--forward { | |
| padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); | |
| } | |
| .plyr__menu__container .plyr__control--forward::after { | |
| border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); | |
| right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); | |
| } | |
| .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { | |
| border-left-color: currentColor; | |
| } | |
| .plyr__menu__container .plyr__control--back { | |
| font-weight: var(--plyr-font-weight-regular, 400); | |
| margin: calc(var(--plyr-control-spacing, 10px) * 0.7); | |
| margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); | |
| padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); | |
| position: relative; | |
| width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2); | |
| } | |
| .plyr__menu__container .plyr__control--back::after { | |
| border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); | |
| left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); | |
| } | |
| .plyr__menu__container .plyr__control--back::before { | |
| background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%)); | |
| box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); | |
| content: ""; | |
| height: 1px; | |
| left: 0; | |
| margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); | |
| overflow: hidden; | |
| position: absolute; | |
| right: 0; | |
| top: 100%; | |
| } | |
| .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { | |
| border-right-color: currentColor; | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio] { | |
| padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after { | |
| border-radius: 100%; | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio]::before { | |
| background: rgba(0, 0, 0, 0.1); | |
| content: ""; | |
| display: block; | |
| flex-shrink: 0; | |
| height: 16px; | |
| margin-right: var(--plyr-control-spacing, 10px); | |
| transition: all 0.3s ease; | |
| width: 16px; | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio]::after { | |
| background: #fff; | |
| border: 0; | |
| height: 6px; | |
| left: 12px; | |
| opacity: 0; | |
| top: 50%; | |
| transform: translateY(-50%) scale(0); | |
| transition: transform 0.3s ease, opacity 0.3s ease; | |
| width: 6px; | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { | |
| background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { | |
| opacity: 1; | |
| transform: translateY(-50%) scale(1); | |
| } | |
| .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { | |
| background: rgba(35, 40, 47, 0.1); | |
| } | |
| .plyr__menu__container .plyr__menu__value { | |
| align-items: center; | |
| display: flex; | |
| margin-left: auto; | |
| margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); | |
| overflow: hidden; | |
| padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); | |
| pointer-events: none; | |
| } | |
| .plyr--full-ui input[type=range] { | |
| -webkit-appearance: none; /* stylelint-disable-line */ | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); | |
| color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| display: block; | |
| height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px)); | |
| margin: 0; | |
| min-width: 0; | |
| padding: 0; | |
| transition: box-shadow 0.3s ease; | |
| width: 100%; | |
| } | |
| .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| transition: box-shadow 0.3s ease; | |
| user-select: none; | |
| background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); | |
| } | |
| .plyr--full-ui input[type=range]::-webkit-slider-thumb { | |
| background: var(--plyr-range-thumb-background, #fff); | |
| border: 0; | |
| border-radius: 100%; | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); | |
| height: var(--plyr-range-thumb-height, 13px); | |
| position: relative; | |
| transition: all 0.2s ease; | |
| width: var(--plyr-range-thumb-height, 13px); | |
| -webkit-appearance: none; /* stylelint-disable-line */ | |
| margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1); | |
| } | |
| .plyr--full-ui input[type=range]::-moz-range-track { | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| transition: box-shadow 0.3s ease; | |
| user-select: none; | |
| } | |
| .plyr--full-ui input[type=range]::-moz-range-thumb { | |
| background: var(--plyr-range-thumb-background, #fff); | |
| border: 0; | |
| border-radius: 100%; | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); | |
| height: var(--plyr-range-thumb-height, 13px); | |
| position: relative; | |
| transition: all 0.2s ease; | |
| width: var(--plyr-range-thumb-height, 13px); | |
| } | |
| .plyr--full-ui input[type=range]::-moz-range-progress { | |
| background: currentColor; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| } | |
| .plyr--full-ui input[type=range]::-ms-track { | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| transition: box-shadow 0.3s ease; | |
| user-select: none; | |
| color: transparent; | |
| } | |
| .plyr--full-ui input[type=range]::-ms-fill-upper { | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| transition: box-shadow 0.3s ease; | |
| user-select: none; | |
| } | |
| .plyr--full-ui input[type=range]::-ms-fill-lower { | |
| background: transparent; | |
| border: 0; | |
| border-radius: calc(var(--plyr-range-track-height, 5px) / 2); | |
| height: var(--plyr-range-track-height, 5px); | |
| transition: box-shadow 0.3s ease; | |
| user-select: none; | |
| background: currentColor; | |
| } | |
| .plyr--full-ui input[type=range]::-ms-thumb { | |
| background: var(--plyr-range-thumb-background, #fff); | |
| border: 0; | |
| border-radius: 100%; | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); | |
| height: var(--plyr-range-thumb-height, 13px); | |
| position: relative; | |
| transition: all 0.2s ease; | |
| width: var(--plyr-range-thumb-height, 13px); | |
| margin-top: 0; | |
| } | |
| .plyr--full-ui input[type=range]::-ms-tooltip { | |
| display: none; | |
| } | |
| .plyr--full-ui input[type=range]:focus { | |
| outline: 0; | |
| } | |
| .plyr--full-ui input[type=range]::-moz-focus-outer { | |
| border: 0; | |
| } | |
| .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { | |
| outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| outline-offset: 2px; | |
| outline-style: dotted; | |
| outline-width: 3px; | |
| } | |
| .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { | |
| outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| outline-offset: 2px; | |
| outline-style: dotted; | |
| outline-width: 3px; | |
| } | |
| .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { | |
| outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| outline-offset: 2px; | |
| outline-style: dotted; | |
| outline-width: 3px; | |
| } | |
| .plyr__poster { | |
| background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); | |
| background-position: 50% 50%; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 100%; | |
| left: 0; | |
| opacity: 0; | |
| position: absolute; | |
| top: 0; | |
| transition: opacity 0.2s ease; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| .plyr--stopped.plyr__poster-enabled .plyr__poster { | |
| opacity: 1; | |
| } | |
| .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { | |
| display: none; | |
| } | |
| .plyr__time { | |
| font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); | |
| } | |
| .plyr__time + .plyr__time::before { | |
| content: "⁄"; | |
| margin-right: var(--plyr-control-spacing, 10px); | |
| } | |
| @media (max-width: 767px) { | |
| .plyr__time + .plyr__time { | |
| display: none; | |
| } | |
| } | |
| .plyr__tooltip { | |
| background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); | |
| border-radius: var(--plyr-tooltip-radius, 3px); | |
| bottom: 100%; | |
| box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); | |
| color: var(--plyr-tooltip-color, hsl(216, 15%, 34%)); | |
| font-size: var(--plyr-font-size-small, 13px); | |
| font-weight: var(--plyr-font-weight-regular, 400); | |
| left: 50%; | |
| line-height: 1.3; | |
| margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); | |
| opacity: 0; | |
| padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); | |
| pointer-events: none; | |
| position: absolute; | |
| transform: translate(-50%, 10px) scale(0.8); | |
| transform-origin: 50% 100%; | |
| transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; | |
| white-space: nowrap; | |
| z-index: 2; | |
| } | |
| .plyr__tooltip::before { | |
| border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; | |
| border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; | |
| border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); | |
| bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); | |
| content: ""; | |
| height: 0; | |
| left: 50%; | |
| position: absolute; | |
| transform: translateX(-50%); | |
| width: 0; | |
| z-index: 2; | |
| } | |
| .plyr .plyr__control:hover .plyr__tooltip, | |
| .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, | |
| .plyr__tooltip--visible { | |
| opacity: 1; | |
| transform: translate(-50%, 0) scale(1); | |
| } | |
| .plyr .plyr__control:hover .plyr__tooltip { | |
| z-index: 3; | |
| } | |
| .plyr__controls > .plyr__control:first-child .plyr__tooltip, | |
| .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { | |
| left: 0; | |
| transform: translate(0, 10px) scale(0.8); | |
| transform-origin: 0 100%; | |
| } | |
| .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, | |
| .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { | |
| left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); | |
| } | |
| .plyr__controls > .plyr__control:last-child .plyr__tooltip { | |
| left: auto; | |
| right: 0; | |
| transform: translate(0, 10px) scale(0.8); | |
| transform-origin: 100% 100%; | |
| } | |
| .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { | |
| left: auto; | |
| right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); | |
| transform: translateX(50%); | |
| } | |
| .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, | |
| .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, | |
| .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, | |
| .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, | |
| .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, | |
| .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, | |
| .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, | |
| .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { | |
| transform: translate(0, 0) scale(1); | |
| } | |
| .plyr__progress { | |
| left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); | |
| margin-right: var(--plyr-range-thumb-height, 13px); | |
| position: relative; | |
| } | |
| .plyr__progress input[type=range], .plyr__progress__buffer { | |
| margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); | |
| margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); | |
| width: calc(100% + var(--plyr-range-thumb-height, 13px)); | |
| } | |
| .plyr__progress input[type=range] { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .plyr__progress .plyr__tooltip { | |
| font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); | |
| left: 0; | |
| } | |
| .plyr__progress__buffer { | |
| -webkit-appearance: none; /* stylelint-disable-line */ | |
| background: transparent; | |
| border: 0; | |
| border-radius: 100px; | |
| height: var(--plyr-range-track-height, 5px); | |
| left: 0; | |
| margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1); | |
| padding: 0; | |
| position: absolute; | |
| top: 50%; | |
| } | |
| .plyr__progress__buffer::-webkit-progress-bar { | |
| background: transparent; | |
| } | |
| .plyr__progress__buffer::-webkit-progress-value { | |
| background: currentColor; | |
| border-radius: 100px; | |
| min-width: var(--plyr-range-track-height, 5px); | |
| transition: width 0.2s ease; | |
| } | |
| .plyr__progress__buffer::-moz-progress-bar { | |
| background: currentColor; | |
| border-radius: 100px; | |
| min-width: var(--plyr-range-track-height, 5px); | |
| transition: width 0.2s ease; | |
| } | |
| .plyr__progress__buffer::-ms-fill { | |
| border-radius: 100px; | |
| transition: width 0.2s ease; | |
| } | |
| .plyr--loading .plyr__progress__buffer { | |
| animation: plyr-progress 1s linear infinite; | |
| background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); | |
| background-repeat: repeat-x; | |
| background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); | |
| color: transparent; | |
| } | |
| .plyr--video.plyr--loading .plyr__progress__buffer { | |
| background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); | |
| } | |
| .plyr--audio.plyr--loading .plyr__progress__buffer { | |
| background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); | |
| } | |
| .plyr__volume { | |
| align-items: center; | |
| display: flex; | |
| max-width: 110px; | |
| min-width: 80px; | |
| position: relative; | |
| width: 20%; | |
| } | |
| .plyr__volume input[type=range] { | |
| margin-left: calc(var(--plyr-control-spacing, 10px) / 2); | |
| margin-right: calc(var(--plyr-control-spacing, 10px) / 2); | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .plyr--is-ios .plyr__volume { | |
| min-width: 0; | |
| width: auto; | |
| } | |
| .plyr--audio { | |
| display: block; | |
| } | |
| .plyr--audio .plyr__controls { | |
| background: var(--plyr-audio-controls-background, #fff); | |
| border-radius: inherit; | |
| color: var(--plyr-audio-control-color, hsl(216, 15%, 34%)); | |
| padding: var(--plyr-control-spacing, 10px); | |
| } | |
| .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { | |
| background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| color: var(--plyr-audio-control-color-hover, #fff); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { | |
| background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { | |
| background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]::-ms-track { | |
| background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); | |
| } | |
| .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); | |
| } | |
| .plyr--audio .plyr__progress__buffer { | |
| color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); | |
| } | |
| .plyr--video { | |
| background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); | |
| overflow: hidden; | |
| } | |
| .plyr--video.plyr--menu-open { | |
| overflow: visible; | |
| } | |
| .plyr__video-wrapper { | |
| background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); | |
| margin: auto; | |
| overflow: hidden; | |
| position: relative; | |
| width: 100%; | |
| } | |
| .plyr__video-embed, | |
| .plyr__video-wrapper--fixed-ratio { | |
| aspect-ratio: 16/9; | |
| } | |
| @supports not (aspect-ratio: 16/9) { | |
| .plyr__video-embed, | |
| .plyr__video-wrapper--fixed-ratio { | |
| height: 0; | |
| padding-bottom: 56.25%; | |
| position: relative; | |
| } | |
| } | |
| .plyr__video-embed iframe, | |
| .plyr__video-wrapper--fixed-ratio video { | |
| border: 0; | |
| height: 100%; | |
| left: 0; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { | |
| padding-bottom: 240%; | |
| position: relative; | |
| transform: translateY(-38.28125%); | |
| } | |
| .plyr--video .plyr__controls { | |
| background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); | |
| border-bottom-left-radius: inherit; | |
| border-bottom-right-radius: inherit; | |
| bottom: 0; | |
| color: var(--plyr-video-control-color, #fff); | |
| left: 0; | |
| padding: calc(var(--plyr-control-spacing, 10px) / 2); | |
| padding-top: calc(var(--plyr-control-spacing, 10px) * 2); | |
| position: absolute; | |
| right: 0; | |
| transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; | |
| z-index: 3; | |
| } | |
| @media (min-width: 480px) { | |
| .plyr--video .plyr__controls { | |
| padding: var(--plyr-control-spacing, 10px); | |
| padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); | |
| } | |
| } | |
| .plyr--video.plyr--hide-controls .plyr__controls { | |
| opacity: 0; | |
| pointer-events: none; | |
| transform: translateY(100%); | |
| } | |
| .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { | |
| background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| color: var(--plyr-video-control-color-hover, #fff); | |
| } | |
| .plyr__control--overlaid { | |
| background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); | |
| border: 0; | |
| border-radius: 100%; | |
| color: var(--plyr-video-control-color, #fff); | |
| display: none; | |
| left: 50%; | |
| opacity: 0.9; | |
| padding: calc(var(--plyr-control-spacing, 10px) * 1.5); | |
| position: absolute; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| transition: 0.3s; | |
| z-index: 2; | |
| } | |
| .plyr__control--overlaid svg { | |
| left: 2px; | |
| position: relative; | |
| } | |
| .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { | |
| opacity: 1; | |
| } | |
| .plyr--playing .plyr__control--overlaid { | |
| opacity: 0; | |
| visibility: hidden; | |
| } | |
| .plyr--full-ui.plyr--video .plyr__control--overlaid { | |
| display: block; | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { | |
| background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { | |
| background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]::-ms-track { | |
| background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); | |
| } | |
| .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { | |
| box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); | |
| } | |
| .plyr--video .plyr__progress__buffer { | |
| color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); | |
| } | |
| .plyr:fullscreen { | |
| background: #000; | |
| border-radius: 0 !important; | |
| height: 100%; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .plyr:fullscreen video { | |
| height: 100%; | |
| } | |
| .plyr:fullscreen .plyr__control .icon--exit-fullscreen { | |
| display: block; | |
| } | |
| .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { | |
| display: none; | |
| } | |
| .plyr:fullscreen.plyr--hide-controls { | |
| cursor: none; | |
| } | |
| @media (min-width: 1024px) { | |
| .plyr:fullscreen .plyr__captions { | |
| font-size: var(--plyr-font-size-xlarge, 21px); | |
| } | |
| } | |
| /* stylelint-disable-next-line */ | |
| .plyr:-webkit-full-screen { | |
| background: #000; | |
| border-radius: 0 !important; | |
| height: 100%; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .plyr:-webkit-full-screen video { | |
| height: 100%; | |
| } | |
| .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { | |
| display: block; | |
| } | |
| .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { | |
| display: none; | |
| } | |
| .plyr:-webkit-full-screen.plyr--hide-controls { | |
| cursor: none; | |
| } | |
| @media (min-width: 1024px) { | |
| .plyr:-webkit-full-screen .plyr__captions { | |
| font-size: var(--plyr-font-size-xlarge, 21px); | |
| } | |
| } | |
| /* stylelint-disable-next-line */ | |
| .plyr:-moz-full-screen { | |
| background: #000; | |
| border-radius: 0 !important; | |
| height: 100%; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .plyr:-moz-full-screen video { | |
| height: 100%; | |
| } | |
| .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { | |
| display: block; | |
| } | |
| .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { | |
| display: none; | |
| } | |
| .plyr:-moz-full-screen.plyr--hide-controls { | |
| cursor: none; | |
| } | |
| @media (min-width: 1024px) { | |
| .plyr:-moz-full-screen .plyr__captions { | |
| font-size: var(--plyr-font-size-xlarge, 21px); | |
| } | |
| } | |
| /* stylelint-disable-next-line */ | |
| .plyr:-ms-fullscreen { | |
| background: #000; | |
| border-radius: 0 !important; | |
| height: 100%; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .plyr:-ms-fullscreen video { | |
| height: 100%; | |
| } | |
| .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { | |
| display: block; | |
| } | |
| .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { | |
| display: none; | |
| } | |
| .plyr:-ms-fullscreen.plyr--hide-controls { | |
| cursor: none; | |
| } | |
| @media (min-width: 1024px) { | |
| .plyr:-ms-fullscreen .plyr__captions { | |
| font-size: var(--plyr-font-size-xlarge, 21px); | |
| } | |
| } | |
| .plyr--fullscreen-fallback { | |
| background: #000; | |
| border-radius: 0 !important; | |
| height: 100%; | |
| margin: 0; | |
| width: 100%; | |
| bottom: 0; | |
| display: block; | |
| left: 0; | |
| position: fixed; | |
| right: 0; | |
| top: 0; | |
| z-index: 10000000; | |
| } | |
| .plyr--fullscreen-fallback video { | |
| height: 100%; | |
| } | |
| .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { | |
| display: block; | |
| } | |
| .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { | |
| display: none; | |
| } | |
| .plyr--fullscreen-fallback.plyr--hide-controls { | |
| cursor: none; | |
| } | |
| @media (min-width: 1024px) { | |
| .plyr--fullscreen-fallback .plyr__captions { | |
| font-size: var(--plyr-font-size-xlarge, 21px); | |
| } | |
| } | |
| .plyr__ads { | |
| border-radius: inherit; | |
| bottom: 0; | |
| cursor: pointer; | |
| left: 0; | |
| overflow: hidden; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| z-index: -1; | |
| } | |
| .plyr__ads > div, | |
| .plyr__ads > div iframe { | |
| height: 100%; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .plyr__ads::after { | |
| background: hsl(216, 15%, 16%); | |
| border-radius: 2px; | |
| bottom: var(--plyr-control-spacing, 10px); | |
| color: #fff; | |
| content: attr(data-badge-text); | |
| font-size: 11px; | |
| padding: 2px 6px; | |
| pointer-events: none; | |
| position: absolute; | |
| right: var(--plyr-control-spacing, 10px); | |
| z-index: 3; | |
| } | |
| .plyr__ads::after:empty { | |
| display: none; | |
| } | |
| .plyr__cues { | |
| background: currentColor; | |
| display: block; | |
| height: var(--plyr-range-track-height, 5px); | |
| left: 0; | |
| margin: -var(--plyr-range-track-height, 5px)/2 0 0; | |
| opacity: 0.8; | |
| position: absolute; | |
| top: 50%; | |
| width: 3px; | |
| z-index: 3; | |
| } | |
| .plyr__preview-thumb { | |
| background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); | |
| border-radius: 3px; | |
| bottom: 100%; | |
| box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); | |
| margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); | |
| opacity: 0; | |
| padding: var(--plyr-tooltip-radius, 3px); | |
| pointer-events: none; | |
| position: absolute; | |
| transform: translate(0, 10px) scale(0.8); | |
| transform-origin: 50% 100%; | |
| transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; | |
| z-index: 2; | |
| } | |
| .plyr__preview-thumb--is-shown { | |
| opacity: 1; | |
| transform: translate(0, 0) scale(1); | |
| } | |
| .plyr__preview-thumb::before { | |
| border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; | |
| border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; | |
| border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); | |
| bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); | |
| content: ""; | |
| height: 0; | |
| left: 50%; | |
| position: absolute; | |
| transform: translateX(-50%); | |
| width: 0; | |
| z-index: 2; | |
| } | |
| .plyr__preview-thumb__image-container { | |
| background: hsl(216, 15%, 79%); | |
| border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); | |
| overflow: hidden; | |
| position: relative; | |
| z-index: 0; | |
| } | |
| .plyr__preview-thumb__image-container img { | |
| height: 100%; | |
| left: 0; | |
| max-height: none; | |
| max-width: none; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .plyr__preview-thumb__time-container { | |
| bottom: 6px; | |
| left: 0; | |
| position: absolute; | |
| right: 0; | |
| white-space: nowrap; | |
| z-index: 3; | |
| } | |
| .plyr__preview-thumb__time-container span { | |
| background-color: rgba(0, 0, 0, 0.55); | |
| border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); | |
| color: #fff; | |
| font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); | |
| padding: 3px 6px; | |
| } | |
| .plyr__preview-scrubbing { | |
| bottom: 0; | |
| filter: blur(1px); | |
| height: 100%; | |
| left: 0; | |
| margin: auto; | |
| opacity: 0; | |
| overflow: hidden; | |
| pointer-events: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| transition: opacity 0.3s ease; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| .plyr__preview-scrubbing--is-shown { | |
| opacity: 1; | |
| } | |
| .plyr__preview-scrubbing img { | |
| height: 100%; | |
| left: 0; | |
| max-height: none; | |
| max-width: none; | |
| object-fit: contain; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .plyr--no-transition { | |
| transition: none !important; | |
| } | |
| .plyr__sr-only { | |
| clip: rect(1px, 1px, 1px, 1px); | |
| overflow: hidden; | |
| border: 0 !important; | |
| height: 1px !important; | |
| padding: 0 !important; | |
| position: absolute !important; | |
| width: 1px !important; | |
| } | |
| .plyr [hidden] { | |
| display: none !important; | |
| } | |
| .fr-color { | |
| display: inline-block; | |
| width: 300px; | |
| border: 1px solid rgb(242, 242, 242); | |
| } | |
| .fr-color .fr-color__swatch { | |
| padding-top: 50%; | |
| } | |
| .fr-color .fr-color__data { | |
| padding: 20px; | |
| } | |
| .fr-color .fr-color__heading { | |
| margin: 0; | |
| font-size: 20px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| } | |
| .fr-color .fr-color__values { | |
| display: block; | |
| margin: 10px 0 0 0; | |
| font-size: 12px; | |
| color: rgb(118, 118, 118); | |
| } | |
| .fr-color .fr-color__values:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .fr-color .fr-color__values dt, | |
| .fr-color .fr-color__values dd { | |
| display: block; | |
| width: 50%; | |
| margin: 0; | |
| } | |
| .fr-color .fr-color__values dt { | |
| float: left; | |
| } | |
| .fr-color .fr-color__values dt:after { | |
| content: " :"; | |
| } | |
| .fr-color .fr-color__values dd { | |
| float: right; | |
| text-align: right; | |
| } | |
| .fr-font { | |
| padding: 20px; | |
| border: 1px solid rgb(242, 242, 242); | |
| } | |
| .fr-font .fr-font__heading { | |
| margin: 0; | |
| font-size: 20px; | |
| font-weight: bold; | |
| } | |
| .fr-font .fr-font__specimen > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .fr-font .fr-font__specimen > *:last-child, .fr-font .fr-font__specimen > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .fr-font .fr-font__specimen .fr-font__values { | |
| margin: 20px 0 10px 0; | |
| padding: 20px 0 0 0; | |
| border-top: 1px solid rgb(242, 242, 242); | |
| } | |
| .fr-font .fr-font__specimen h3 { | |
| font-size: 30px; | |
| } | |
| .fr-font .fr-font__values { | |
| display: block; | |
| margin: 10px 0 0 0; | |
| font-size: 12px; | |
| color: rgb(118, 118, 118); | |
| } | |
| .fr-font .fr-font__values:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .fr-font .fr-font__values dt, | |
| .fr-font .fr-font__values dd { | |
| display: block; | |
| width: 50%; | |
| margin: 0; | |
| } | |
| .fr-font .fr-font__values dt { | |
| float: left; | |
| } | |
| .fr-font .fr-font__values dt:after { | |
| content: " :"; | |
| } | |
| .fr-font .fr-font__values dd { | |
| float: right; | |
| text-align: right; | |
| } | |
| .a-advert { | |
| display: inline-block; | |
| text-decoration: none; | |
| border-style: solid; | |
| border-width: 1px; | |
| } | |
| .a-advert.x-color--black { | |
| border-color: rgb(118, 118, 118); | |
| } | |
| .a-advert.x-color--white { | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-block-heading { | |
| position: relative; | |
| display: block; | |
| padding: 12px 15px 11px 15px; | |
| font-weight: bold; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| line-height: 16px; | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-block-heading:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| opacity: 1; | |
| transition: opacity 0.3s; | |
| } | |
| .a-block-heading .a-block-heading__content { | |
| position: relative; | |
| } | |
| .a-block-heading .a-block-heading__cta { | |
| position: relative; | |
| display: block; | |
| margin: 10px 0 0 0; | |
| text-transform: none; | |
| } | |
| .a-block-heading .a-block-heading__cta .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .a-block-heading em { | |
| font-weight: normal; | |
| font-style: normal; | |
| text-transform: none; | |
| } | |
| .a-block-heading em:before { | |
| content: "| "; | |
| } | |
| .a-block-heading:hover:before, .a-block-heading:focus:before { | |
| opacity: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-block-heading { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| } | |
| .a-block-heading .a-block-heading__cta { | |
| flex-shrink: 0; | |
| margin: 0 0 0 20px; | |
| } | |
| } | |
| .a-blockquote { | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0 0 0 20px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 15px; | |
| font-style: italic; | |
| border-left-style: solid; | |
| border-left-width: 1px; | |
| } | |
| .a-blockquote .a-blockquote__content { | |
| font-weight: normal; | |
| line-height: 140%; | |
| } | |
| .a-blockquote .a-blockquote__content > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .a-blockquote .a-blockquote__content > *:last-child, .a-blockquote .a-blockquote__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-blockquote .a-blockquote__cite { | |
| display: block; | |
| margin: 20px 0 0 0; | |
| font-weight: bold; | |
| } | |
| .a-blockquote .a-blockquote__cite:before { | |
| content: "—"; | |
| } | |
| .a-blockquote.x-color--black { | |
| color: rgb(0, 0, 0); | |
| border-left-color: rgb(178, 178, 178); | |
| } | |
| .a-blockquote.x-color--white { | |
| color: rgb(255, 255, 255); | |
| border-left-color: rgb(118, 118, 118); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-blockquote .a-blockquote__content { | |
| font-size: 18px; | |
| } | |
| .a-blockquote .a-blockquote__cite { | |
| margin: 30px 0 0 0; | |
| font-size: 16px; | |
| } | |
| } | |
| .a-button, .a-button--pad-small, .a-button--full-small, .a-button--small, .a-button--compact, .a-button--full, .a-button--large { | |
| display: inline-block; | |
| min-width: 150px; | |
| padding: 12px 20px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 13px; | |
| line-height: 110%; | |
| text-align: center; | |
| text-decoration: none; | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| border: 1px solid rgb(0, 0, 0); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-button em, .a-button--pad-small em, .a-button--full-small em, .a-button--small em, .a-button--compact em, .a-button--full em, .a-button--large em { | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| .a-button .fa, .a-button--pad-small .fa, .a-button--full-small .fa, .a-button--small .fa, .a-button--compact .fa, .a-button--full .fa, .a-button--large .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .a-button.x-min--none, .x-min--none.a-button--pad-small, .x-min--none.a-button--full-small, .x-min--none.a-button--small, .x-min--none.a-button--compact, .x-min--none.a-button--full, .x-min--none.a-button--large { | |
| min-width: 0; | |
| } | |
| .a-button.x-color--black, .x-color--black.a-button--pad-small, .x-color--black.a-button--full-small, .x-color--black.a-button--small, .x-color--black.a-button--compact, .x-color--black.a-button--full, .x-color--black.a-button--large { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--black:hover, .x-color--black.a-button--pad-small:hover, .x-color--black.a-button--full-small:hover, .x-color--black.a-button--small:hover, .x-color--black.a-button--compact:hover, .x-color--black.a-button--full:hover, .x-color--black.a-button--large:hover, .a-button.x-color--black:focus, .x-color--black.a-button--pad-small:focus, .x-color--black.a-button--full-small:focus, .x-color--black.a-button--small:focus, .x-color--black.a-button--compact:focus, .x-color--black.a-button--full:focus, .x-color--black.a-button--large:focus, .a-button.x-color--black.is-active, .x-color--black.is-active.a-button--pad-small, .x-color--black.is-active.a-button--full-small, .x-color--black.is-active.a-button--small, .x-color--black.is-active.a-button--compact, .x-color--black.is-active.a-button--full, .x-color--black.is-active.a-button--large { | |
| color: rgb(0, 0, 0); | |
| border-color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .a-button.x-color--white, .x-color--white.a-button--pad-small, .x-color--white.a-button--full-small, .x-color--white.a-button--small, .x-color--white.a-button--compact, .x-color--white.a-button--full, .x-color--white.a-button--large { | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-button.x-color--white:hover, .x-color--white.a-button--pad-small:hover, .x-color--white.a-button--full-small:hover, .x-color--white.a-button--small:hover, .x-color--white.a-button--compact:hover, .x-color--white.a-button--full:hover, .x-color--white.a-button--large:hover, .a-button.x-color--white:focus, .x-color--white.a-button--pad-small:focus, .x-color--white.a-button--full-small:focus, .x-color--white.a-button--small:focus, .x-color--white.a-button--compact:focus, .x-color--white.a-button--full:focus, .x-color--white.a-button--large:focus, .a-button.x-color--white.is-active, .x-color--white.is-active.a-button--pad-small, .x-color--white.is-active.a-button--full-small, .x-color--white.is-active.a-button--small, .x-color--white.is-active.a-button--compact, .x-color--white.is-active.a-button--full, .x-color--white.is-active.a-button--large { | |
| color: rgb(255, 255, 255); | |
| border-color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--trans-black, .x-color--trans-black.a-button--pad-small, .x-color--trans-black.a-button--full-small, .x-color--trans-black.a-button--small, .x-color--trans-black.a-button--compact, .x-color--trans-black.a-button--full, .x-color--trans-black.a-button--large { | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--trans-black:hover, .x-color--trans-black.a-button--pad-small:hover, .x-color--trans-black.a-button--full-small:hover, .x-color--trans-black.a-button--small:hover, .x-color--trans-black.a-button--compact:hover, .x-color--trans-black.a-button--full:hover, .x-color--trans-black.a-button--large:hover, .a-button.x-color--trans-black:focus, .x-color--trans-black.a-button--pad-small:focus, .x-color--trans-black.a-button--full-small:focus, .x-color--trans-black.a-button--small:focus, .x-color--trans-black.a-button--compact:focus, .x-color--trans-black.a-button--full:focus, .x-color--trans-black.a-button--large:focus, .a-button.x-color--trans-black.is-active, .x-color--trans-black.is-active.a-button--pad-small, .x-color--trans-black.is-active.a-button--full-small, .x-color--trans-black.is-active.a-button--small, .x-color--trans-black.is-active.a-button--compact, .x-color--trans-black.is-active.a-button--full, .x-color--trans-black.is-active.a-button--large { | |
| color: rgb(255, 255, 255); | |
| border-color: rgb(0, 0, 0); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--trans-white, .x-color--trans-white.a-button--pad-small, .x-color--trans-white.a-button--full-small, .x-color--trans-white.a-button--small, .x-color--trans-white.a-button--compact, .x-color--trans-white.a-button--full, .x-color--trans-white.a-button--large { | |
| color: rgb(255, 255, 255); | |
| background-color: transparent; | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-button.x-color--trans-white:hover, .x-color--trans-white.a-button--pad-small:hover, .x-color--trans-white.a-button--full-small:hover, .x-color--trans-white.a-button--small:hover, .x-color--trans-white.a-button--compact:hover, .x-color--trans-white.a-button--full:hover, .x-color--trans-white.a-button--large:hover, .a-button.x-color--trans-white:focus, .x-color--trans-white.a-button--pad-small:focus, .x-color--trans-white.a-button--full-small:focus, .x-color--trans-white.a-button--small:focus, .x-color--trans-white.a-button--compact:focus, .x-color--trans-white.a-button--full:focus, .x-color--trans-white.a-button--large:focus, .a-button.x-color--trans-white.is-active, .x-color--trans-white.is-active.a-button--pad-small, .x-color--trans-white.is-active.a-button--full-small, .x-color--trans-white.is-active.a-button--small, .x-color--trans-white.is-active.a-button--compact, .x-color--trans-white.is-active.a-button--full, .x-color--trans-white.is-active.a-button--large { | |
| color: rgb(0, 0, 0); | |
| border-color: rgb(255, 255, 255); | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .a-button.x-color--trans-grey, .x-color--trans-grey.a-button--pad-small, .x-color--trans-grey.a-button--full-small, .x-color--trans-grey.a-button--small, .x-color--trans-grey.a-button--compact, .x-color--trans-grey.a-button--full, .x-color--trans-grey.a-button--large { | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| border-color: rgb(217, 217, 217); | |
| } | |
| .a-button.x-color--trans-grey:hover, .x-color--trans-grey.a-button--pad-small:hover, .x-color--trans-grey.a-button--full-small:hover, .x-color--trans-grey.a-button--small:hover, .x-color--trans-grey.a-button--compact:hover, .x-color--trans-grey.a-button--full:hover, .x-color--trans-grey.a-button--large:hover, .a-button.x-color--trans-grey:focus, .x-color--trans-grey.a-button--pad-small:focus, .x-color--trans-grey.a-button--full-small:focus, .x-color--trans-grey.a-button--small:focus, .x-color--trans-grey.a-button--compact:focus, .x-color--trans-grey.a-button--full:focus, .x-color--trans-grey.a-button--large:focus, .a-button.x-color--trans-grey.is-active, .x-color--trans-grey.is-active.a-button--pad-small, .x-color--trans-grey.is-active.a-button--full-small, .x-color--trans-grey.is-active.a-button--small, .x-color--trans-grey.is-active.a-button--compact, .x-color--trans-grey.is-active.a-button--full, .x-color--trans-grey.is-active.a-button--large { | |
| color: rgb(255, 255, 255); | |
| border-color: rgb(0, 0, 0); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--text-black, .x-color--text-black.a-button--pad-small, .x-color--text-black.a-button--full-small, .x-color--text-black.a-button--small, .x-color--text-black.a-button--compact, .x-color--text-black.a-button--full, .x-color--text-black.a-button--large { | |
| font-weight: normal; | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| border-color: transparent; | |
| } | |
| .a-button.x-color--text-black span, .x-color--text-black.a-button--pad-small span, .x-color--text-black.a-button--full-small span, .x-color--text-black.a-button--small span, .x-color--text-black.a-button--compact span, .x-color--text-black.a-button--full span, .x-color--text-black.a-button--large span { | |
| display: inline-block; | |
| border-bottom: 1px solid rgb(0, 0, 0); | |
| } | |
| .a-button.x-color--text-black:hover, .x-color--text-black.a-button--pad-small:hover, .x-color--text-black.a-button--full-small:hover, .x-color--text-black.a-button--small:hover, .x-color--text-black.a-button--compact:hover, .x-color--text-black.a-button--full:hover, .x-color--text-black.a-button--large:hover, .a-button.x-color--text-black:focus, .x-color--text-black.a-button--pad-small:focus, .x-color--text-black.a-button--full-small:focus, .x-color--text-black.a-button--small:focus, .x-color--text-black.a-button--compact:focus, .x-color--text-black.a-button--full:focus, .x-color--text-black.a-button--large:focus, .a-button.x-color--text-black.is-active, .x-color--text-black.is-active.a-button--pad-small, .x-color--text-black.is-active.a-button--full-small, .x-color--text-black.is-active.a-button--small, .x-color--text-black.is-active.a-button--compact, .x-color--text-black.is-active.a-button--full, .x-color--text-black.is-active.a-button--large { | |
| color: rgb(118, 118, 118); | |
| border-color: transparent; | |
| background-color: transparent; | |
| } | |
| .a-button.x-color--text-black:hover span, .x-color--text-black.a-button--pad-small:hover span, .x-color--text-black.a-button--full-small:hover span, .x-color--text-black.a-button--small:hover span, .x-color--text-black.a-button--compact:hover span, .x-color--text-black.a-button--full:hover span, .x-color--text-black.a-button--large:hover span, .a-button.x-color--text-black:focus span, .x-color--text-black.a-button--pad-small:focus span, .x-color--text-black.a-button--full-small:focus span, .x-color--text-black.a-button--small:focus span, .x-color--text-black.a-button--compact:focus span, .x-color--text-black.a-button--full:focus span, .x-color--text-black.a-button--large:focus span, .a-button.x-color--text-black.is-active span, .x-color--text-black.is-active.a-button--pad-small span, .x-color--text-black.is-active.a-button--full-small span, .x-color--text-black.is-active.a-button--small span, .x-color--text-black.is-active.a-button--compact span, .x-color--text-black.is-active.a-button--full span, .x-color--text-black.is-active.a-button--large span { | |
| border-bottom-color: rgb(118, 118, 118); | |
| } | |
| .a-button.x-color--text-white, .x-color--text-white.a-button--pad-small, .x-color--text-white.a-button--full-small, .x-color--text-white.a-button--small, .x-color--text-white.a-button--compact, .x-color--text-white.a-button--full, .x-color--text-white.a-button--large { | |
| color: rgb(255, 255, 255); | |
| background-color: transparent; | |
| border-color: transparent; | |
| } | |
| .a-button.x-color--text-white:hover, .x-color--text-white.a-button--pad-small:hover, .x-color--text-white.a-button--full-small:hover, .x-color--text-white.a-button--small:hover, .x-color--text-white.a-button--compact:hover, .x-color--text-white.a-button--full:hover, .x-color--text-white.a-button--large:hover, .a-button.x-color--text-white:focus, .x-color--text-white.a-button--pad-small:focus, .x-color--text-white.a-button--full-small:focus, .x-color--text-white.a-button--small:focus, .x-color--text-white.a-button--compact:focus, .x-color--text-white.a-button--full:focus, .x-color--text-white.a-button--large:focus, .a-button.x-color--text-white.is-active, .x-color--text-white.is-active.a-button--pad-small, .x-color--text-white.is-active.a-button--full-small, .x-color--text-white.is-active.a-button--small, .x-color--text-white.is-active.a-button--compact, .x-color--text-white.is-active.a-button--full, .x-color--text-white.is-active.a-button--large { | |
| color: rgb(242, 242, 242); | |
| border-color: transparent; | |
| background-color: transparent; | |
| } | |
| .a-button.is-disabled, .is-disabled.a-button--pad-small, .is-disabled.a-button--full-small, .is-disabled.a-button--small, .is-disabled.a-button--compact, .is-disabled.a-button--full, .is-disabled.a-button--large, .a-button:disabled, .a-button--pad-small:disabled, .a-button--full-small:disabled, .a-button--small:disabled, .a-button--compact:disabled, .a-button--full:disabled, .a-button--large:disabled, .a-button[disabled], [disabled].a-button--pad-small, [disabled].a-button--full-small, [disabled].a-button--small, [disabled].a-button--compact, [disabled].a-button--full, [disabled].a-button--large { | |
| opacity: 0.5; | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .a-button--large { | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-button--large { | |
| font-size: 16px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-button--large { | |
| padding: 19px 30px; | |
| font-size: 18px; | |
| } | |
| } | |
| .a-button--full { | |
| display: block; | |
| width: 100%; | |
| } | |
| .a-button--compact { | |
| padding: 12px 20px; | |
| min-width: 0; | |
| } | |
| .a-button--small { | |
| min-width: 0; | |
| padding: 5px 10px; | |
| font-size: 10px; | |
| } | |
| .a-button--full-small { | |
| display: block; | |
| width: 100%; | |
| padding: 5px 10px; | |
| font-size: 10px; | |
| } | |
| .a-button--pad-small { | |
| min-width: 0; | |
| padding: 12px 10px; | |
| } | |
| .a-byline { | |
| display: block; | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 10px; | |
| font-style: italic; | |
| line-height: 140%; | |
| color: rgb(118, 118, 118); | |
| } | |
| .a-caption { | |
| display: block; | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 12px; | |
| line-height: 140%; | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-checkbox input[type=checkbox], | |
| .a-checkbox input[type=radio] { | |
| display: none; | |
| } | |
| .a-checkbox label { | |
| position: relative; | |
| display: inline-block; | |
| padding-left: 35px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 15px; | |
| line-height: 25px; | |
| color: rgb(0, 0, 0); | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-checkbox label:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| width: 25px; | |
| height: 25px; | |
| background-color: rgb(242, 242, 242); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 0; | |
| transition: all 0.3s; | |
| } | |
| .a-checkbox input[type=checkbox]:checked + label:before, | |
| .a-checkbox input[type=radio]:checked + label:before { | |
| background-image: url("/assets/img/icon-checkbox-black.svg"); | |
| } | |
| .a-checkbox input[type=checkbox]:focus + label:before, | |
| .a-checkbox input[type=checkbox]:hover + label:before, | |
| .a-checkbox input[type=radio]:focus + label:before, | |
| .a-checkbox input[type=radio]:hover + label:before { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-checkbox.x-state--error label:before { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-divider { | |
| width: 100%; | |
| height: 1px; | |
| background-color: #cccccc; | |
| border: none; | |
| } | |
| .a-divider.x-color--white { | |
| background-color: rgba(255, 255, 255, 0.4); | |
| } | |
| .a-event-logo { | |
| padding: 0 25%; | |
| text-align: center; | |
| } | |
| .a-event-logo img { | |
| display: inline-block; | |
| } | |
| .a-file input[type=file] { | |
| display: none; | |
| } | |
| .a-file label { | |
| position: relative; | |
| display: block; | |
| padding-left: 110px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 15px; | |
| line-height: 30px; | |
| color: rgb(178, 178, 178); | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-file label:before { | |
| content: "Choose File"; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| width: 100px; | |
| height: 30px; | |
| padding: 8px 10px 7px 10px; | |
| font-size: 13px; | |
| font-weight: normal; | |
| text-align: center; | |
| line-height: 100%; | |
| color: rgb(0, 0, 0); | |
| border: 1px solid rgb(0, 0, 0); | |
| border-radius: 0; | |
| transition: all 0.3s; | |
| } | |
| .a-file input[type=file]:focus + label:before, | |
| .a-file input[type=file]:active + label:before { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-file.x-state--chosen label { | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-file.x-state--chosen label:before { | |
| background-color: transparent; | |
| } | |
| .a-file.x-state--error label:before { | |
| border-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-heading, .a-heading--linked { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| line-height: 100%; | |
| } | |
| .a-heading a, .a-heading--linked a { | |
| text-decoration: none; | |
| border-bottom: none; | |
| transition: all 0.3s; | |
| } | |
| .a-heading a:hover, .a-heading--linked a:hover { | |
| opacity: 0.5; | |
| } | |
| .a-heading.x-tx-size--large, .x-tx-size--large.a-heading--linked, .a-heading.x-tx-size--medium-large, .x-tx-size--medium-large.a-heading--linked { | |
| font-size: 32px; | |
| } | |
| .a-heading.x-tx-size--medium, .x-tx-size--medium.a-heading--linked { | |
| font-size: 24px; | |
| line-height: 130%; | |
| } | |
| .a-heading.x-tx-size--medium-small, .x-tx-size--medium-small.a-heading--linked { | |
| font-size: 16px; | |
| line-height: 130%; | |
| } | |
| .a-heading.x-tx-size--normal, .x-tx-size--normal.a-heading--linked, .a-heading.x-tx-size--small, .x-tx-size--small.a-heading--linked { | |
| font-size: 15px; | |
| line-height: 140%; | |
| } | |
| .a-heading.x-tx-size--tiny, .x-tx-size--tiny.a-heading--linked { | |
| font-size: 13px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-heading.x-tx-size--large, .x-tx-size--large.a-heading--linked, .a-heading.x-tx-size--medium-large, .x-tx-size--medium-large.a-heading--linked { | |
| font-size: 40px; | |
| } | |
| .a-heading.x-tx-size--medium, .x-tx-size--medium.a-heading--linked { | |
| font-size: 28px; | |
| } | |
| .a-heading.x-tx-size--medium-small, .x-tx-size--medium-small.a-heading--linked { | |
| font-size: 24px; | |
| } | |
| .a-heading.x-tx-size--normal, .x-tx-size--normal.a-heading--linked, .a-heading.x-tx-size--small, .x-tx-size--small.a-heading--linked { | |
| font-size: 16px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-heading.x-tx-size--large, .x-tx-size--large.a-heading--linked { | |
| font-size: 55px; | |
| } | |
| .a-heading.x-tx-size--medium-large, .x-tx-size--medium-large.a-heading--linked { | |
| font-size: 48px; | |
| } | |
| .a-heading.x-tx-size--medium, .x-tx-size--medium.a-heading--linked { | |
| font-size: 32px; | |
| } | |
| .a-heading.x-tx-size--small, .x-tx-size--small.a-heading--linked { | |
| font-size: 18px; | |
| } | |
| } | |
| time.a-heading, time.a-heading--linked { | |
| display: block; | |
| } | |
| .a-heading--linked { | |
| --highlightColor: #ffffff; | |
| } | |
| .a-heading--linked .a-heading__text { | |
| display: block; | |
| } | |
| .a-heading--linked .a-heading__link { | |
| display: inline-block; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-decoration: underline; | |
| color: rgb(178, 178, 178); | |
| } | |
| .a-heading--linked .a-heading__link:hover, .a-heading--linked .a-heading__link:focus { | |
| color: var(--highlightColor); | |
| } | |
| @media screen and (min-width: 480px) { | |
| .a-heading--linked { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-end; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-heading--linked .a-heading__link { | |
| margin-bottom: -5px; | |
| font-size: 16px; | |
| } | |
| } | |
| .a-headshot { | |
| display: inline-block; | |
| } | |
| .a-headshot.x-color--black { | |
| border-bottom: 3px solid rgb(0, 0, 0); | |
| } | |
| .a-headshot.x-color--white { | |
| border-bottom: 3px solid rgb(255, 255, 255); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-headshot { | |
| display: block; | |
| } | |
| .a-headshot img { | |
| min-width: 100%; | |
| } | |
| } | |
| .a-icon-button { | |
| display: inline-block; | |
| min-width: 40px; | |
| padding: 12px 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 13px; | |
| line-height: 110%; | |
| text-align: center; | |
| text-decoration: none; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-icon-button span { | |
| display: none; | |
| } | |
| .a-icon-button.x-color--black { | |
| color: rgb(0, 0, 0); | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-icon-button.x-color--black:hover, .a-icon-button.x-color--black.is-active { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-icon-button.x-color--white { | |
| color: rgb(255, 255, 255); | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-icon-button.x-color--white:hover, .a-icon-button.x-color--white.is-active { | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| } | |
| @media screen and (min-width: 480px) { | |
| .a-icon-button { | |
| min-width: 124px; | |
| padding: 12px 20px; | |
| } | |
| .a-icon-button span { | |
| display: inline-block; | |
| } | |
| .a-icon-button .fa { | |
| margin: 0 5px 0 0; | |
| } | |
| } | |
| .a-icon--x, .a-icon--none, .a-icon--check { | |
| display: inline-block; | |
| vertical-align: middle; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| width: 26px; | |
| height: 18px; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| } | |
| .a-icon--check { | |
| background-image: url("/assets/img/icon-check-black.svg"); | |
| } | |
| .a-icon--none { | |
| background-image: url("/assets/img/icon-x-black.svg"); | |
| opacity: 0.2; | |
| } | |
| .a-icon--x { | |
| background-image: url("/assets/img/icon-x-black.svg"); | |
| } | |
| .a-image { | |
| display: block; | |
| } | |
| .a-image img { | |
| min-width: 100%; | |
| } | |
| .a-image.x-img--greyscale img { | |
| filter: grayscale(100%); | |
| } | |
| .a-input { | |
| width: 100%; | |
| height: 40px; | |
| padding: 0 14px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(242, 242, 242); | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| transition: all 0.3s; | |
| } | |
| .a-input[size="2"] { | |
| display: inline-block; | |
| width: 40px; | |
| } | |
| .a-input[size="3"] { | |
| display: inline-block; | |
| max-width: 60px; | |
| } | |
| .a-input:hover, .a-input:focus { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-input.x-state--error { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-input.x-state--success { | |
| border-bottom-color: rgb(31, 153, 61) !important; | |
| } | |
| .a-input.x-color--trans-white { | |
| color: rgb(255, 255, 255); | |
| background-color: transparent; | |
| border-color: rgba(255, 255, 255, 0.2); | |
| } | |
| .a-input.x-color--trans-white:hover, .a-input.x-color--trans-white:focus { | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-input.x-color--trans-black { | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| border-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .a-input.x-color--trans-black:hover, .a-input.x-color--trans-black:focus { | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-label, .a-label--underlined { | |
| display: block; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 15px; | |
| line-height: 17px; | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-label span, .a-label--underlined span { | |
| display: block; | |
| margin: 3px 0; | |
| font-size: 13px; | |
| font-weight: normal; | |
| } | |
| .a-label.x-tx-size--large, .x-tx-size--large.a-label--underlined { | |
| font-size: 18px; | |
| } | |
| .a-label.x-color--white, .x-color--white.a-label--underlined { | |
| color: rgb(255, 255, 255); | |
| } | |
| .a-label--underlined { | |
| padding: 0 0 10px 0; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| line-height: 15px; | |
| letter-spacing: 1.5px; | |
| border-bottom: 3px solid rgb(0, 0, 0); | |
| } | |
| .a-label--underlined span { | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| .a-link, .a-link--menu { | |
| display: inline; | |
| text-decoration: none; | |
| border-bottom-style: dotted; | |
| border-bottom-width: 1px; | |
| transition: all 0.3s; | |
| } | |
| .a-link:hover, .a-link--menu:hover { | |
| border-bottom-style: solid; | |
| } | |
| .a-link .fa, .a-link--menu .fa { | |
| margin: 0 10px 0 0; | |
| } | |
| .a-link.x-tx-weight--normal, .x-tx-weight--normal.a-link--menu { | |
| font-weight: normal; | |
| } | |
| .a-link.x-tx-weight--bold, .x-tx-weight--bold.a-link--menu { | |
| font-weight: bold; | |
| } | |
| .a-link.x-tx-color--black, .x-tx-color--black.a-link--menu { | |
| color: rgb(0, 0, 0); | |
| border-bottom-color: rgb(118, 118, 118); | |
| } | |
| .a-link.x-tx-color--black:hover, .x-tx-color--black.a-link--menu:hover { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-link.x-tx-color--white, .x-tx-color--white.a-link--menu { | |
| color: rgb(255, 255, 255); | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .a-link.x-tx-color--white:hover, .x-tx-color--white.a-link--menu:hover { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .a-link--menu { | |
| display: inline-block; | |
| font-size: 15px; | |
| border-bottom: none !important; | |
| } | |
| .a-link--menu:hover { | |
| opacity: 0.5; | |
| } | |
| .a-logo--white, .a-logo--black { | |
| display: inline-block; | |
| width: 140px; | |
| height: 18px; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| transition: all 0.3s; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-logo--white, .a-logo--black { | |
| width: 33px; | |
| height: 90px; | |
| } | |
| } | |
| @media screen and (min-width: 1270px) { | |
| .a-logo--white, .a-logo--black { | |
| width: 45px; | |
| height: 125px; | |
| } | |
| } | |
| .a-logo--black { | |
| background-image: url("/assets/img/logo-fti-horizontal-black.svg"); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-logo--black { | |
| background-image: url("/assets/img/logo-fti-black.svg"); | |
| } | |
| } | |
| .a-logo--white { | |
| background-image: url("/assets/img/logo-fti-horizontal-white.svg"); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-logo--white { | |
| background-image: url("/assets/img/logo-fti-white.svg"); | |
| } | |
| } | |
| .a-message { | |
| display: block; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 15px; | |
| line-height: 16px; | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-message span { | |
| display: block; | |
| margin: 3px 0; | |
| font-size: 13px; | |
| font-weight: normal; | |
| } | |
| .a-message.x-state--error { | |
| color: rgb(208, 2, 27); | |
| } | |
| .a-metadata, .a-metadata--vertical { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: wrap; | |
| justify-content: flex-start; | |
| align-items: center; | |
| font-size: 15px; | |
| } | |
| .a-metadata > li, .a-metadata--vertical > li { | |
| margin-right: 15px; | |
| margin-left: 0; | |
| } | |
| .a-metadata > li:last-child, .a-metadata--vertical > li:last-child, .a-metadata > li:only-child, .a-metadata--vertical > li:only-child { | |
| margin-right: 0; | |
| } | |
| .a-metadata em, .a-metadata--vertical em { | |
| font-weight: light; | |
| font-size: 14px; | |
| font-style: normal; | |
| } | |
| .a-metadata a, .a-metadata--vertical a { | |
| text-decoration: none; | |
| border-bottom: none; | |
| transition: all 0.3s; | |
| } | |
| .a-metadata a:hover, .a-metadata--vertical a:hover { | |
| opacity: 0.4; | |
| } | |
| .a-metadata .fa, .a-metadata--vertical .fa { | |
| margin: 0 5px 0 0; | |
| } | |
| .a-metadata.u-tx-color--white a, .u-tx-color--white.a-metadata--vertical a { | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| opacity: 0.7; | |
| } | |
| .a-metadata.u-tx-color--white a:hover, .u-tx-color--white.a-metadata--vertical a:hover { | |
| opacity: 1; | |
| } | |
| .a-metadata.x-size--large, .x-size--large.a-metadata--vertical { | |
| font-size: 18px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-metadata.x-size--large > li, .x-size--large.a-metadata--vertical > li { | |
| margin-right: 30px; | |
| margin-left: 0; | |
| } | |
| .a-metadata.x-size--large > li:last-child, .x-size--large.a-metadata--vertical > li:last-child, .a-metadata.x-size--large > li:only-child, .x-size--large.a-metadata--vertical > li:only-child { | |
| margin-right: 0; | |
| } | |
| } | |
| .a-metadata--vertical { | |
| display: block; | |
| } | |
| .a-metadata--vertical > li { | |
| margin: 0; | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .a-metadata--vertical > li:last-child, .a-metadata--vertical > li:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-metadata--vertical.x-size--large > li { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .a-metadata--vertical.x-size--large > li:last-child, .a-metadata--vertical.x-size--large > li:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .a-nav-link--white, .a-nav-link--black { | |
| display: flex; | |
| flex-direction: column; | |
| flex-wrap: nowrap; | |
| justify-content: flex-end; | |
| align-items: flex-start; | |
| min-width: 65px; | |
| height: 45px; | |
| padding: 0 5px 5px 5px; | |
| font-weight: bold; | |
| font-size: 12px; | |
| text-decoration: none; | |
| line-height: 100%; | |
| border-left-style: solid; | |
| border-left-width: 1px; | |
| transition: all 0.3s; | |
| } | |
| .a-nav-link--white .fa, .a-nav-link--black .fa { | |
| margin: 0 0 4px 0; | |
| } | |
| .is-current.a-nav-link--white, .is-current.a-nav-link--black { | |
| border-left-width: 3px; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-nav-link--white, .a-nav-link--black { | |
| min-width: 85px; | |
| height: 50px; | |
| padding: 0 10px 5px 13px; | |
| font-size: 13px; | |
| } | |
| .a-nav-link--white .fa, .a-nav-link--black .fa { | |
| margin: 0 0 6px 0; | |
| } | |
| } | |
| .a-nav-link--black { | |
| color: rgb(0, 0, 0); | |
| border-left-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .a-nav-link--black .fa { | |
| color: rgba(0, 0, 0, 0.5); | |
| } | |
| .a-nav-link--black:focus, .a-nav-link--black:hover { | |
| color: rgba(0, 0, 0, 0.7); | |
| border-left-color: rgb(0, 0, 0); | |
| } | |
| .a-nav-link--white { | |
| color: rgb(255, 255, 255); | |
| border-left-color: rgba(255, 255, 255, 0.15); | |
| } | |
| .a-nav-link--white .fa { | |
| color: rgba(255, 255, 255, 0.5); | |
| } | |
| .a-nav-link--white:focus, .a-nav-link--white:hover { | |
| color: rgba(255, 255, 255, 0.7); | |
| border-left-color: rgb(255, 255, 255); | |
| } | |
| .a-pull-quote { | |
| position: relative; | |
| display: block; | |
| padding: 0 0 0 30px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 20px; | |
| font-weight: light; | |
| line-height: 130%; | |
| } | |
| .a-pull-quote:before { | |
| content: "“"; | |
| position: absolute; | |
| left: 0; | |
| top: 5px; | |
| display: inline-block; | |
| font-weight: bold; | |
| font-size: 36px; | |
| } | |
| .a-pull-quote > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .a-pull-quote > *:last-child, .a-pull-quote > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-pull-quote.x-color--black { | |
| color: rgb(58, 58, 58); | |
| } | |
| .a-pull-quote.x-color--black:before { | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-pull-quote.x-color--white { | |
| color: rgb(217, 217, 217); | |
| } | |
| .a-pull-quote.x-color--white:before { | |
| color: rgb(255, 255, 255); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-pull-quote { | |
| padding: 0 0 0 45px; | |
| font-size: 28px; | |
| } | |
| } | |
| .a-radio input[type=checkbox], | |
| .a-radio input[type=radio] { | |
| display: none; | |
| } | |
| .a-radio label { | |
| position: relative; | |
| display: inline-block; | |
| padding-left: 35px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 15px; | |
| line-height: 25px; | |
| color: rgb(0, 0, 0); | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-radio label:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| width: 25px; | |
| height: 25px; | |
| background-color: rgb(242, 242, 242); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 50%; | |
| transition: all 0.3s; | |
| } | |
| .a-radio input[type=checkbox]:checked + label:before, | |
| .a-radio input[type=radio]:checked + label:before { | |
| background-image: url("/assets/img/icon-radio-black.svg"); | |
| } | |
| .a-radio input[type=checkbox]:focus + label:before, | |
| .a-radio input[type=checkbox]:hover + label:before, | |
| .a-radio input[type=radio]:focus + label:before, | |
| .a-radio input[type=radio]:hover + label:before { | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-radio.x-color--white label { | |
| color: rgb(255, 255, 255); | |
| } | |
| .a-radio.x-color--white label:before { | |
| background-color: transparent; | |
| border: 1px solid rgb(118, 118, 118); | |
| } | |
| .a-radio.x-color--white input[type=checkbox]:checked + label:before, | |
| .a-radio.x-color--white input[type=radio]:checked + label:before { | |
| background-image: url("/assets/img/icon-radio-white.svg"); | |
| } | |
| .a-radio.x-color--white input[type=checkbox]:focus + label:before, | |
| .a-radio.x-color--white input[type=checkbox]:hover + label:before, | |
| .a-radio.x-color--white input[type=radio]:focus + label:before, | |
| .a-radio.x-color--white input[type=radio]:hover + label:before { | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .a-radio.x-state--error label:before { | |
| border-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-range { | |
| width: 100%; | |
| background: transparent; | |
| -webkit-appearance: none; | |
| } | |
| .a-range::-webkit-slider-thumb { | |
| width: 10px; | |
| height: 10px; | |
| margin: 2px 0; | |
| cursor: pointer; | |
| -webkit-appearance: none; | |
| } | |
| .a-range::-moz-range-thumb { | |
| width: 10px; | |
| height: 10px; | |
| cursor: pointer; | |
| } | |
| .a-range::-ms-thumb { | |
| width: 10px; | |
| height: 10px; | |
| cursor: pointer; | |
| } | |
| .a-range::-webkit-slider-runnable-track { | |
| width: 100%; | |
| height: 16px; | |
| padding: 0 2px; | |
| border-style: solid; | |
| border-width: 1px; | |
| cursor: pointer; | |
| } | |
| .a-range::-moz-range-track { | |
| width: 100%; | |
| height: 16px; | |
| padding: 0 2px; | |
| border-style: solid; | |
| border-width: 1px; | |
| cursor: pointer; | |
| } | |
| .a-range::-ms-track { | |
| width: 100%; | |
| height: 16px; | |
| padding: 0 2px; | |
| color: transparent; | |
| background: transparent; | |
| border-style: solid; | |
| border-width: 1px; | |
| cursor: pointer; | |
| } | |
| .a-range:focus { | |
| outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ | |
| } | |
| .a-range.x-color--black::-webkit-slider-thumb { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-range.x-color--black::-moz-range-thumb { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-range.x-color--black::-ms-thumb { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-range.x-color--black::-webkit-slider-runnable-track { | |
| border-color: rgb(217, 217, 217); | |
| } | |
| .a-range.x-color--black::-moz-range-track { | |
| border-color: rgb(217, 217, 217); | |
| } | |
| .a-range.x-color--black::-ms-track { | |
| border-color: rgb(217, 217, 217); | |
| } | |
| .a-range.x-color--white::-webkit-slider-thumb { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .a-range.x-color--white::-moz-range-thumb { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .a-range.x-color--white::-ms-thumb { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .a-range.x-color--white::-webkit-slider-runnable-track { | |
| border-color: rgb(118, 118, 118); | |
| } | |
| .a-range.x-color--white::-moz-range-track { | |
| border-color: rgb(118, 118, 118); | |
| } | |
| .a-range.x-color--white::-ms-track { | |
| border-color: rgb(118, 118, 118); | |
| } | |
| .a-search { | |
| width: 100%; | |
| height: 40px; | |
| padding: 0 40px 0 14px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(242, 242, 242); | |
| background-image: url("/assets/img/icon-search-black.svg"); | |
| background-repeat: no-repeat; | |
| background-position: calc(100% - 14px) center; | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| transition: all 0.3s; | |
| } | |
| .a-search:hover, .a-search:focus { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-search.x-state--error { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-search.x-state--success { | |
| border-bottom-color: rgb(31, 153, 61) !important; | |
| } | |
| .a-select-search .choices { | |
| font-size: 14px; | |
| } | |
| .a-select-search .choices__inner { | |
| min-height: 40px; | |
| padding: 4px 40px 4px 14px; | |
| font-size: 14px; | |
| background-color: rgb(242, 242, 242); | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 0; | |
| } | |
| .a-select-search .choices__placeholder { | |
| font-size: 13px; | |
| } | |
| .a-select-search .choices__input { | |
| background-color: transparent; | |
| } | |
| .a-select-search .choices__list { | |
| max-height: 260px; | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .a-select-search .choices__list > .choices__list { | |
| max-height: 210px; | |
| } | |
| .a-select-search .choices__list--multiple .choices__item { | |
| margin: 2px 5px 0 0; | |
| padding: 2px 10px; | |
| background-color: rgb(58, 58, 58); | |
| border-color: rgb(58, 58, 58); | |
| } | |
| .a-select-search .choices__list--single { | |
| padding: 4px 16px 4px 0; | |
| } | |
| .a-select-search .choices__list--dropdown { | |
| margin: 10px 0 0 0; | |
| background-color: rgb(255, 255, 255); | |
| border: none; | |
| z-index: 101; | |
| } | |
| .a-select-search .choices__list--dropdown .choices__item { | |
| padding: 9px 14px 8px 14px; | |
| border-bottom: 1px solid rgb(217, 217, 217); | |
| } | |
| .a-select-search .choices__list--dropdown .choices__item.is-highlighted, .a-select-search .choices__list--dropdown .choices__item:hover { | |
| background-color: rgb(229, 229, 229); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select-search .choices__list--dropdown .choices__item--selectable.is-highlighted:after { | |
| display: none; | |
| } | |
| .a-select-search .choices__item.choices__item--choice.choices__item--selectable.choices__placeholder { | |
| display: none; | |
| } | |
| .a-select-search .choices[data-type*=select-one]:after { | |
| content: ""; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| width: 38px; | |
| height: auto; | |
| margin: 0; | |
| background: transparent url("/assets/img/icon-down-black.svg") center center no-repeat; | |
| border: none; | |
| } | |
| .a-select-search .choices[data-type*=select-one] .choices__inner { | |
| padding-bottom: 4px; | |
| } | |
| .a-select-search .choices[data-type*=select-one] .choices__input { | |
| padding: 12px 40px 11px 14px; | |
| font-size: 13px; | |
| border-bottom: 1px solid rgb(242, 242, 242); | |
| background: rgb(242, 242, 242) url("/assets/img/icon-search-black.svg") calc(100% - 15px) center no-repeat; | |
| margin: 0 0 10px 0; | |
| } | |
| .a-select-search .choices[data-type*=select-one] .choices__input:focus, .a-select-search .choices[data-type*=select-one] .choices__input:active, .a-select-search .choices[data-type*=select-one] .choices__input:hover { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select-search .choices[data-type*=select-one].is-open:after { | |
| background-image: url("/assets/img/icon-up-black.svg"); | |
| } | |
| .a-select-search .choices[data-type*=select-one].is-open .choices__inner { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-wrapper .selectric, .a-select--multiple .selectric-wrapper .selectric { | |
| background-color: rgb(242, 242, 242); | |
| border-color: rgb(242, 242, 242); | |
| border-radius: 0; | |
| } | |
| .a-select .selectric-wrapper .selectric .label, .a-select--multiple .selectric-wrapper .selectric .label { | |
| margin: 0 38px 0 14px; | |
| font-size: 13px; | |
| color: rgb(118, 118, 118); | |
| white-space: normal; | |
| } | |
| .a-select .selectric-wrapper .selectric .button, .a-select--multiple .selectric-wrapper .selectric .button { | |
| background: transparent url("/assets/img/icon-down-black.svg") center center no-repeat; | |
| } | |
| .a-select .selectric-wrapper .selectric .button:after, .a-select--multiple .selectric-wrapper .selectric .button:after { | |
| display: none; | |
| } | |
| .a-select .selectric-wrapper .selectric-items, .a-select--multiple .selectric-wrapper .selectric-items { | |
| z-index: 101; | |
| background-color: rgb(242, 242, 242); | |
| border-color: rgb(242, 242, 242); | |
| border-top: none; | |
| border-radius: 0; | |
| box-shadow: none; | |
| } | |
| .a-select .selectric-wrapper .selectric-items ul, .a-select--multiple .selectric-wrapper .selectric-items ul, | |
| .a-select .selectric-wrapper .selectric-items ul li, | |
| .a-select--multiple .selectric-wrapper .selectric-items ul li { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 14px; | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-wrapper .selectric-items li, .a-select--multiple .selectric-wrapper .selectric-items li { | |
| padding-left: 14px; | |
| padding-right: 14px; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.15); | |
| } | |
| .a-select .selectric-wrapper .selectric-items li:last-child, .a-select--multiple .selectric-wrapper .selectric-items li:last-child { | |
| border-bottom: none; | |
| } | |
| .a-select .selectric-wrapper .selectric-items li.selected, .a-select--multiple .selectric-wrapper .selectric-items li.selected, .a-select .selectric-wrapper .selectric-items li.highlighted, .a-select--multiple .selectric-wrapper .selectric-items li.highlighted, .a-select .selectric-wrapper .selectric-items li:hover, .a-select--multiple .selectric-wrapper .selectric-items li:hover { | |
| background-color: rgba(0, 0, 0, 0.05); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-wrapper .selectric-items li[data-index="0"].selected, .a-select--multiple .selectric-wrapper .selectric-items li[data-index="0"].selected, .a-select .selectric-wrapper .selectric-items li[data-index="0"].highlighted, .a-select--multiple .selectric-wrapper .selectric-items li[data-index="0"].highlighted { | |
| background-color: transparent; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.15); | |
| } | |
| .a-select .selectric-wrapper .selectric-items li[data-index="0"].selected:hover, .a-select--multiple .selectric-wrapper .selectric-items li[data-index="0"].selected:hover, .a-select .selectric-wrapper .selectric-items li[data-index="0"].highlighted:hover, .a-select--multiple .selectric-wrapper .selectric-items li[data-index="0"].highlighted:hover { | |
| background-color: rgba(0, 0, 0, 0.05); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-wrapper .selectric-scroll, .a-select--multiple .selectric-wrapper .selectric-scroll { | |
| scrollbar-width: 3px; | |
| scrollbar-color: rgb(0, 0, 0) rgba(0, 0, 0, 0.15); | |
| } | |
| .a-select .selectric-wrapper .selectric-scroll::-webkit-scrollbar, .a-select--multiple .selectric-wrapper .selectric-scroll::-webkit-scrollbar { | |
| width: 3px; | |
| } | |
| .a-select .selectric-wrapper .selectric-scroll::-webkit-scrollbar-track, .a-select--multiple .selectric-wrapper .selectric-scroll::-webkit-scrollbar-track { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .a-select .selectric-wrapper .selectric-scroll::-webkit-scrollbar-thumb, .a-select--multiple .selectric-wrapper .selectric-scroll::-webkit-scrollbar-thumb { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-wrapper.selectric-focus .selectric, .a-select--multiple .selectric-wrapper.selectric-focus .selectric, .a-select .selectric-wrapper.selectric-hover .selectric, .a-select--multiple .selectric-wrapper.selectric-hover .selectric { | |
| border-color: rgb(242, 242, 242); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-open .selectric, .a-select--multiple .selectric-open .selectric { | |
| border-color: rgb(242, 242, 242); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-select .selectric-open .selectric .button, .a-select--multiple .selectric-open .selectric .button { | |
| background: transparent url("/assets/img/icon-up-black.svg") center center no-repeat; | |
| } | |
| .a-select .selectric-disabled .selectric, .a-select--multiple .selectric-disabled .selectric { | |
| opacity: 0.75; | |
| } | |
| .a-select.x-state--error .selectric, .x-state--error.a-select--multiple .selectric { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-select--multiple .selectric-items li[data-index="0"] { | |
| display: none; | |
| } | |
| .a-table table, | |
| .a-table thead, | |
| .a-table tbody, | |
| .a-table th, | |
| .a-table td, | |
| .a-table tr { | |
| display: block; | |
| } | |
| .a-table thead tr { | |
| position: absolute; | |
| top: -9999px; | |
| left: -9999px; | |
| } | |
| .a-table tr { | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| } | |
| .a-table td { | |
| position: relative; | |
| padding: 10px 0 10px 35%; | |
| font-size: 15px; | |
| text-align: left; | |
| line-height: 1.3; | |
| white-space: normal; | |
| border: none; | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| } | |
| .a-table td:before { | |
| content: attr(data-title); | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| width: 35%; | |
| padding: 10px 10px 10px 0; | |
| text-align: left; | |
| font-weight: bold; | |
| line-height: 1.3; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .a-table td:last-child { | |
| border-bottom: none; | |
| } | |
| .a-table.x-color--black table { | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-table.x-color--black tr { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-table.x-color--black td { | |
| border-bottom-color: rgb(217, 217, 217); | |
| } | |
| .a-table.x-color--white table { | |
| color: rgb(255, 255, 255); | |
| } | |
| .a-table.x-color--white tr { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .a-table.x-color--white td { | |
| border-bottom-color: rgb(58, 58, 58); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .a-table table { | |
| display: table; | |
| } | |
| .a-table.x-type--fluid { | |
| table-layout: auto; | |
| } | |
| .a-table th, | |
| .a-table td { | |
| display: table-cell; | |
| vertical-align: top; | |
| } | |
| .a-table tr { | |
| display: table-row; | |
| border: none; | |
| } | |
| .a-table td { | |
| position: static; | |
| padding: 10px; | |
| white-space: unset; | |
| border-bottom: none; | |
| } | |
| .a-table td:before { | |
| display: none; | |
| } | |
| .a-table thead { | |
| display: table-header-group; | |
| } | |
| .a-table thead tr { | |
| position: static; | |
| top: auto; | |
| left: auto; | |
| } | |
| .a-table thead th { | |
| padding: 8px 10px; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-align: left; | |
| text-transform: uppercase; | |
| letter-spacing: 1.5px; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| outline: none; | |
| white-space: nowrap; | |
| } | |
| .a-table thead th[align=left] { | |
| text-align: left; | |
| } | |
| .a-table thead th[align=center] { | |
| text-align: center; | |
| } | |
| .a-table thead th[align=right] { | |
| text-align: right; | |
| } | |
| .a-table tbody { | |
| display: table-row-group; | |
| } | |
| .a-table tbody td { | |
| border-bottom-style: solid !important; | |
| border-bottom-width: 1px !important; | |
| transition: background-color 0.3s; | |
| } | |
| .a-table tbody td[align=left] { | |
| text-align: left; | |
| } | |
| .a-table tbody td[align=center] { | |
| text-align: center; | |
| } | |
| .a-table tbody td[align=right] { | |
| text-align: right; | |
| } | |
| .a-table .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .a-table.x-valign--center tbody td { | |
| vertical-align: middle; | |
| } | |
| .a-table .tablesorter-header-inner { | |
| cursor: pointer; | |
| } | |
| .a-table .tablesorter-header-inner:after { | |
| content: ""; | |
| display: inline-block; | |
| vertical-align: baseline; | |
| margin: 0 0 0 5px; | |
| width: 16px; | |
| height: 7px; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: auto 7px; | |
| transition: opacity 0.3s; | |
| } | |
| .a-table .tablesorter-header-inner:hover:after { | |
| opacity: 1 !important; | |
| } | |
| .a-table .tablesorter-headerAsc .tablesorter-header-inner:after, | |
| .a-table .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| opacity: 1 !important; | |
| } | |
| .a-table.x-color--black tbody td { | |
| border-bottom-color: rgb(217, 217, 217) !important; | |
| } | |
| .a-table.x-color--black tbody tr:hover td { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .a-table.x-color--black .tablesorter-header-inner:after { | |
| opacity: 0.3; | |
| } | |
| .a-table.x-color--black .tablesorter-headerUnSorted .tablesorter-header-inner:after, | |
| .a-table.x-color--black .tablesorter-headerAsc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-down-black.svg"); | |
| } | |
| .a-table.x-color--black .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-up-black.svg"); | |
| } | |
| .a-table.x-color--white tbody td { | |
| border-bottom-color: rgb(58, 58, 58) !important; | |
| } | |
| .a-table.x-color--white tbody tr:hover td { | |
| background-color: rgb(26, 26, 26); | |
| } | |
| .a-table.x-color--white .tablesorter-header-inner:after { | |
| opacity: 0.6; | |
| } | |
| .a-table.x-color--white .tablesorter-headerUnSorted .tablesorter-header-inner:after, | |
| .a-table.x-color--white .tablesorter-headerAsc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-down-white.svg"); | |
| } | |
| .a-table.x-color--white .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-up-white.svg"); | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-table th, | |
| .a-table td { | |
| min-width: 140px; | |
| } | |
| .a-table.x-type--fluid th, | |
| .a-table.x-type--fluid td { | |
| min-width: 0; | |
| } | |
| } | |
| @media print { | |
| .a-table table { | |
| display: table; | |
| margin-bottom: 50px; | |
| } | |
| .a-table.x-type--fluid { | |
| table-layout: auto; | |
| } | |
| .a-table.x-type--fluid th, | |
| .a-table.x-type--fluid td { | |
| min-width: 0; | |
| } | |
| .a-table th, | |
| .a-table td { | |
| display: table-cell; | |
| vertical-align: top; | |
| width: auto !important; | |
| } | |
| .a-table tr { | |
| display: table-row; | |
| border: none; | |
| } | |
| .a-table td { | |
| position: static; | |
| padding: 5px; | |
| white-space: unset; | |
| border-bottom: none; | |
| font-size: 12px; | |
| } | |
| .a-table td:before { | |
| display: none; | |
| } | |
| .a-table thead { | |
| display: table-header-group; | |
| } | |
| .a-table thead tr { | |
| position: static; | |
| top: auto; | |
| left: auto; | |
| } | |
| .a-table thead th { | |
| padding: 5px; | |
| font-weight: normal; | |
| font-size: 12px; | |
| text-align: left; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| outline: none; | |
| font-weight: bold; | |
| } | |
| .a-table thead th[align=left] { | |
| text-align: left; | |
| } | |
| .a-table thead th[align=center] { | |
| text-align: center; | |
| } | |
| .a-table thead th[align=right] { | |
| text-align: right; | |
| } | |
| .a-table tbody { | |
| display: table-row-group; | |
| } | |
| .a-table tbody td { | |
| border-bottom-style: solid !important; | |
| border-bottom-width: 1px !important; | |
| transition: background-color 0.3s; | |
| } | |
| .a-table tbody td[align=left] { | |
| text-align: left; | |
| } | |
| .a-table tbody td[align=center] { | |
| text-align: center; | |
| } | |
| .a-table tbody td[align=right] { | |
| text-align: right; | |
| } | |
| .a-table .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .a-table.x-valign--center tbody td { | |
| vertical-align: middle; | |
| } | |
| .a-table.x-color--black tbody td { | |
| border-bottom-color: rgb(217, 217, 217) !important; | |
| } | |
| } | |
| .a-text { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 15px; | |
| line-height: 140%; | |
| } | |
| .a-text > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .a-text > *:last-child, .a-text > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-text a { | |
| display: inline; | |
| text-decoration: none; | |
| /* color: $color-black; | |
| border-bottom: 1px dotted $color-grey; */ | |
| transition: all 0.3s; | |
| } | |
| .a-text a:hover { | |
| opacity: 0.5; | |
| border-bottom: 1px solid rgb(0, 0, 0); | |
| } | |
| .a-text strong { | |
| font-weight: bold; | |
| } | |
| .a-text em { | |
| font-style: italic; | |
| } | |
| .a-text ul { | |
| padding: 0; | |
| list-style: none; | |
| counter-reset: parent-counter; | |
| } | |
| .a-text ul li { | |
| position: relative; | |
| margin-bottom: 18px; | |
| margin-top: 0; | |
| padding: 0 0 0 30px; | |
| } | |
| .a-text ul li:last-child, .a-text ul li:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-text ul li:before { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: inline-block; | |
| } | |
| .a-text ul > li:before { | |
| content: counter(parent-counter, disc); | |
| counter-increment: parent-counter; | |
| } | |
| .a-text ul > li ul { | |
| margin: 5px 0 0 0; | |
| counter-reset: child-counter; | |
| } | |
| .a-text ul > li ul li:before { | |
| content: counter(child-counter, circle); | |
| counter-increment: child-counter; | |
| } | |
| .a-text ol { | |
| padding: 0; | |
| list-style: none; | |
| counter-reset: parent-counter; | |
| } | |
| .a-text ol li { | |
| position: relative; | |
| margin-bottom: 18px; | |
| margin-top: 0; | |
| padding: 0 0 0 30px; | |
| } | |
| .a-text ol li:last-child, .a-text ol li:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-text ol li:before { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: inline-block; | |
| } | |
| .a-text ol > li:before { | |
| content: counter(parent-counter, decimal) "."; | |
| counter-increment: parent-counter; | |
| font-weight: bold; | |
| } | |
| .a-text ol > li ol { | |
| margin: 5px 0 0 0; | |
| counter-reset: child-counter; | |
| } | |
| .a-text ol > li ol li:before { | |
| content: counter(child-counter, lower-latin) "."; | |
| counter-increment: child-counter; | |
| } | |
| .a-text figure figcaption { | |
| padding: 10px 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 12px; | |
| line-height: 140%; | |
| color: rgb(0, 0, 0); | |
| border-bottom: 1px solid rgb(178, 178, 178); | |
| } | |
| .a-text.x-tx-weight--bold { | |
| font-weight: bold; | |
| } | |
| .a-text.x-tx-weight--normal { | |
| font-weight: normal; | |
| } | |
| .a-text.x-tx-weight--light { | |
| font-weight: light; | |
| } | |
| .a-text.x-tx-size--large { | |
| font-size: 18px; | |
| } | |
| .a-text.x-tx-size--normal, .a-text.x-tx-size--medium { | |
| font-size: 15px; | |
| } | |
| .a-text.x-tx-size--small { | |
| font-size: 12px; | |
| } | |
| .a-text.x-tx-size--tiny { | |
| font-size: 10px; | |
| } | |
| .a-text.x-tx-color--black { | |
| color: rgb(0, 0, 0); | |
| } | |
| .a-text.x-tx-color--white { | |
| color: rgb(255, 255, 255); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .a-text { | |
| font-size: 18px; | |
| } | |
| .a-text > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .a-text > *:last-child, .a-text > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-text.x-tx-size--large { | |
| font-size: 32px; | |
| } | |
| .a-text.x-tx-size--medium { | |
| font-size: 18px; | |
| line-height: 28px; | |
| } | |
| .a-text.x-tx-size--normal { | |
| font-size: 16px; | |
| line-height: 26px; | |
| } | |
| .a-text.x-tx-size--normal ul li, | |
| .a-text.x-tx-size--normal ol li { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .a-text.x-tx-size--normal ul li:last-child, .a-text.x-tx-size--normal ul li:only-child, | |
| .a-text.x-tx-size--normal ol li:last-child, | |
| .a-text.x-tx-size--normal ol li:only-child { | |
| margin-bottom: 0; | |
| } | |
| .a-text.x-tx-size--small { | |
| font-size: 14px; | |
| } | |
| } | |
| .a-textarea { | |
| width: 100%; | |
| height: 120px; | |
| padding: 14px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(242, 242, 242); | |
| border: 1px solid rgb(242, 242, 242); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| transition: all 0.3s; | |
| } | |
| .a-textarea:hover, .a-textarea:focus { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .a-textarea.x-state--error { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .a-toggle input[type=checkbox], | |
| .a-toggle input[type=radio] { | |
| display: none; | |
| } | |
| .a-toggle label { | |
| position: relative; | |
| display: block; | |
| padding: 10px 12px 9px 12px; | |
| font-weight: normal; | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: rgb(0, 0, 0); | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-toggle label:after { | |
| content: ""; | |
| position: absolute; | |
| right: 12px; | |
| top: 50%; | |
| display: block; | |
| width: 4px; | |
| height: 4px; | |
| background-color: transparent; | |
| border: 1px solid rgb(217, 217, 217); | |
| transform: translate(0, -50%); | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .a-toggle em { | |
| display: inline-block; | |
| margin: 0 0 0 2px; | |
| font-size: 12px; | |
| font-style: normal; | |
| line-height: 16px; | |
| color: rgb(118, 118, 118); | |
| } | |
| .a-toggle input[type=checkbox]:checked + label, | |
| .a-toggle input[type=radio]:checked + label { | |
| font-weight: bold; | |
| } | |
| .a-toggle input[type=checkbox]:checked + label:after, | |
| .a-toggle input[type=radio]:checked + label:after { | |
| background-color: rgb(0, 0, 0); | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .a-toggle input[type=checkbox]:checked + label em, | |
| .a-toggle input[type=radio]:checked + label em { | |
| font-weight: normal; | |
| } | |
| .a-toggle input[type=checkbox]:hover + label:after, | |
| .a-toggle input[type=radio]:hover + label:after { | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .m-accordion > .m-accordion__heading, .m-accordion--large > .m-accordion__heading, .m-accordion--medium > .m-accordion__heading, .m-accordion--underline > .m-accordion__heading { | |
| margin: 0; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| letter-spacing: 1.5px; | |
| line-height: 130%; | |
| background: rgb(242, 242, 242) url("/assets/img/icon-down-black.svg") calc(100% - 15px) center no-repeat; | |
| border: 1px solid rgb(242, 242, 242); | |
| transition: background-color 0.3s, border-color 0.3s; | |
| } | |
| .m-accordion > .m-accordion__heading a, .m-accordion--large > .m-accordion__heading a, .m-accordion--medium > .m-accordion__heading a, .m-accordion--underline > .m-accordion__heading a, | |
| .m-accordion > .m-accordion__heading span, | |
| .m-accordion--large > .m-accordion__heading span, | |
| .m-accordion--medium > .m-accordion__heading span, | |
| .m-accordion--underline > .m-accordion__heading span { | |
| display: block; | |
| padding: 13px 39px 9px 20px; | |
| text-decoration: none; | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-accordion > .m-accordion__heading .fa, .m-accordion--large > .m-accordion__heading .fa, .m-accordion--medium > .m-accordion__heading .fa, .m-accordion--underline > .m-accordion__heading .fa { | |
| margin: -3px 0 0 5px; | |
| vertical-align: middle; | |
| font-size: 10px; | |
| line-height: 16px; | |
| } | |
| .m-accordion > .m-accordion__pane, .m-accordion--large > .m-accordion__pane, .m-accordion--medium > .m-accordion__pane, .m-accordion--underline > .m-accordion__pane { | |
| display: none; | |
| padding: 30px 0; | |
| } | |
| .m-accordion > .m-accordion__pane.x-padding--small, .m-accordion--large > .m-accordion__pane.x-padding--small, .m-accordion--medium > .m-accordion__pane.x-padding--small, .m-accordion--underline > .m-accordion__pane.x-padding--small { | |
| padding: 10px 0; | |
| } | |
| .m-accordion > .m-accordion__pane > .m-accordion__content > *, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-accordion > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-accordion > .m-accordion__pane > .m-accordion__content.x-padding--small, .m-accordion--large > .m-accordion__pane > .m-accordion__content.x-padding--small, .m-accordion--medium > .m-accordion__pane > .m-accordion__content.x-padding--small, .m-accordion--underline > .m-accordion__pane > .m-accordion__content.x-padding--small { | |
| padding: 10px 0; | |
| } | |
| .m-accordion.is-open > .m-accordion__heading, .is-open.m-accordion--large > .m-accordion__heading, .is-open.m-accordion--medium > .m-accordion__heading, .is-open.m-accordion--underline > .m-accordion__heading { | |
| background-color: rgb(255, 255, 255); | |
| background-image: url("/assets/img/icon-up-black.svg"); | |
| border-color: rgb(178, 178, 178); | |
| } | |
| .m-accordion.is-open > .m-accordion__pane, .is-open.m-accordion--large > .m-accordion__pane, .is-open.m-accordion--medium > .m-accordion__pane, .is-open.m-accordion--underline > .m-accordion__pane { | |
| display: block; | |
| } | |
| .m-accordion.is-locked > .m-accordion__pane > .m-accordion__content, .is-locked.m-accordion--large > .m-accordion__pane > .m-accordion__content, .is-locked.m-accordion--medium > .m-accordion__pane > .m-accordion__content, .is-locked.m-accordion--underline > .m-accordion__pane > .m-accordion__content { | |
| position: relative; | |
| height: 100px; | |
| margin: 0 0 10px 0; | |
| overflow-y: hidden; | |
| } | |
| .m-accordion.is-locked > .m-accordion__pane > .m-accordion__content:after, .is-locked.m-accordion--large > .m-accordion__pane > .m-accordion__content:after, .is-locked.m-accordion--medium > .m-accordion__pane > .m-accordion__content:after, .is-locked.m-accordion--underline > .m-accordion__pane > .m-accordion__content:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| display: block; | |
| background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-accordion > .m-accordion__pane > .m-accordion__content > *, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .m-accordion > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--medium > .m-accordion__pane > .m-accordion__content > *:only-child, .m-accordion--underline > .m-accordion__pane > .m-accordion__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-accordion--underline > .m-accordion__heading { | |
| position: relative; | |
| background: transparent url("/assets/img/icon-down-black.svg") 100% center no-repeat; | |
| border: none; | |
| } | |
| .m-accordion--underline > .m-accordion__heading:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 1px; | |
| background-color: rgb(217, 217, 217); | |
| transition: all 0.3s; | |
| } | |
| .m-accordion--underline > .m-accordion__heading a, | |
| .m-accordion--underline > .m-accordion__heading span { | |
| padding: 17px 39px 13px 0; | |
| } | |
| .m-accordion--underline > .m-accordion__pane { | |
| padding: 0; | |
| } | |
| .m-accordion--underline.is-open > .m-accordion__heading:after { | |
| height: 3px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-accordion--medium > .m-accordion__heading { | |
| font-size: 16px; | |
| font-weight: bold; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| background-color: transparent; | |
| border-color: transparent; | |
| } | |
| .m-accordion--medium > .m-accordion__heading a, | |
| .m-accordion--medium > .m-accordion__heading span { | |
| padding: 18px 39px 18px 0; | |
| } | |
| .m-accordion--medium.is-open > .m-accordion__heading { | |
| background-image: url("/assets/img/icon-up-black.svg"); | |
| border-color: transparent; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-accordion--medium > .m-accordion__heading { | |
| font-size: 24px; | |
| background-position: calc(100% - 30px) center; | |
| background-size: 20px auto; | |
| } | |
| .m-accordion--medium > .m-accordion__heading a, | |
| .m-accordion--medium > .m-accordion__heading span { | |
| padding: 0 50px 0 0; | |
| } | |
| } | |
| .m-accordion--large > .m-accordion__heading { | |
| font-size: 16px; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| .m-accordion--large > .m-accordion__heading a, | |
| .m-accordion--large > .m-accordion__heading span { | |
| padding: 18px 39px 18px 20px; | |
| } | |
| .m-accordion--large .m-accordion__subheading { | |
| display: block; | |
| font-weight: normal; | |
| font-size: 13px; | |
| font-style: normal; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-accordion--large > .m-accordion__heading { | |
| font-size: 32px; | |
| background-position: calc(100% - 30px) center; | |
| background-size: 20px auto; | |
| } | |
| .m-accordion--large > .m-accordion__heading a, | |
| .m-accordion--large > .m-accordion__heading span { | |
| padding: 22px 50px 22px 30px; | |
| } | |
| .m-accordion--large .m-accordion__subheading { | |
| display: inline-block; | |
| font-size: 18px; | |
| } | |
| .m-accordion--large > .m-accordion__pane > .m-accordion__content > * { | |
| margin-bottom: 60px; | |
| margin-top: 0; | |
| } | |
| .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:last-child, .m-accordion--large > .m-accordion__pane > .m-accordion__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-alert { | |
| text-align: center; | |
| } | |
| .m-alert .m-alert__icon { | |
| position: relative; | |
| margin: 0 5px 0 0; | |
| } | |
| .m-alert .m-alert__heading { | |
| margin: 0; | |
| } | |
| .m-alert .m-alert__cta { | |
| margin: 20px 0 0 0; | |
| } | |
| .m-audio-player { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: flex-start; | |
| align-items: stretch; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .m-audio-player .m-audio-player__play { | |
| flex-shrink: 0; | |
| width: 100px; | |
| min-height: 100px; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| background: transparent url("/assets/img/icon-play-white.svg") center center no-repeat; | |
| background-size: 30px auto; | |
| border: none; | |
| border-right: 1px solid rgba(255, 255, 255, 0.2); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| } | |
| .m-audio-player .m-audio-player__play.is-playing { | |
| background-image: url("/assets/img/icon-pause-white.svg"); | |
| } | |
| .m-audio-player .m-audio-player__content { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: flex-start; | |
| padding: 15px 25px; | |
| } | |
| .m-audio-player .m-audio-player__heading { | |
| margin: 0; | |
| font-size: 18px; | |
| font-weight: bold; | |
| line-height: 25px; | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-audio-player .plyr { | |
| padding: 0; | |
| } | |
| .m-audio-player .plyr--audio .plyr__controls { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: flex-start; | |
| align-items: center; | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-audio-player .plyr__controls { | |
| justify-content: flex-start; | |
| margin-bottom: -4px; | |
| padding: 0; | |
| background-color: transparent; | |
| opacity: 0.7; | |
| } | |
| .m-audio-player .plyr__controls .plyr__controls__item:first-child:first-child { | |
| margin: 0; | |
| } | |
| .m-audio-player .plyr__controls .plyr__controls__item:first-child.plyr__volume { | |
| display: inline-block; | |
| width: auto; | |
| max-width: 18px !important; | |
| } | |
| .m-audio-player .plyr__time { | |
| font-size: 14px; | |
| line-height: 25px; | |
| } | |
| .m-audio-player button.plyr__control { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .m-audio-player .plyr--audio .plyr__control.plyr__tab-focus, | |
| .m-audio-player .plyr--audio .plyr__control:hover, | |
| .m-audio-player .plyr--audio .plyr__control[aria-expanded=true] { | |
| background-color: transparent; | |
| } | |
| .m-aux-nav ul { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: flex-end; | |
| } | |
| .m-aux-nav .m-aux-nav__close { | |
| display: none; | |
| } | |
| .m-aux-nav.is-open .m-aux-nav__open { | |
| display: none; | |
| } | |
| .m-aux-nav.is-open .m-aux-nav__close { | |
| display: block; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-aux-nav .m-aux-nav__open, | |
| .m-aux-nav .m-aux-nav__close { | |
| display: none !important; | |
| } | |
| } | |
| .m-badge { | |
| display: flex; | |
| flex-wrap: wrap; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .m-badge .m-badge__media { | |
| max-width: 100px; | |
| } | |
| .m-badge .m-badge__content { | |
| padding: 10px; | |
| } | |
| .m-badge .m-badge__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-badge .m-badge__content > *:last-child, .m-badge .m-badge__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1140px) { | |
| .m-badge { | |
| flex-wrap: nowrap; | |
| } | |
| .m-badge .m-badge__media { | |
| min-width: 100px; | |
| } | |
| .m-badge .m-badge__content { | |
| padding: 0 0 0 20px; | |
| } | |
| } | |
| .m-bio--horizontal .m-bio__media img, .m-bio--vertical .m-bio__media img { | |
| filter: grayscale(100%); | |
| } | |
| .m-bio--horizontal .m-bio__content, .m-bio--vertical .m-bio__content { | |
| margin: 15px 0 0 0; | |
| } | |
| .m-bio--horizontal .m-bio__content > *, .m-bio--vertical .m-bio__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-bio--horizontal .m-bio__content > *:last-child, .m-bio--vertical .m-bio__content > *:last-child, .m-bio--horizontal .m-bio__content > *:only-child, .m-bio--vertical .m-bio__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-bio--horizontal .m-bio__content > *.x-pad-top--small, .m-bio--vertical .m-bio__content > *.x-pad-top--small { | |
| margin-top: 15px; | |
| } | |
| .m-bio--horizontal .m-bio__content > *.x-pad-top--medium, .m-bio--vertical .m-bio__content > *.x-pad-top--medium { | |
| margin-top: 25px; | |
| } | |
| .m-bio--vertical.x-color--black .m-bio__content, .m-bio--vertical.x-color--white .m-bio__content { | |
| padding: 0 0 15px 0; | |
| border-bottom-width: 1px; | |
| border-bottom-style: solid; | |
| } | |
| .m-bio--vertical.x-color--black .m-bio__content { | |
| border-bottom-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .m-bio--vertical.x-color--white .m-bio__content { | |
| border-bottom-color: rgba(255, 255, 255, 0.2); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-bio--horizontal { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: center; | |
| } | |
| .m-bio--horizontal .m-bio__media { | |
| flex-shrink: 0; | |
| margin: 0 20px 0 0; | |
| } | |
| .m-bio--horizontal .m-bio__content { | |
| margin: 0; | |
| } | |
| } | |
| .m-block-nav--black, .m-block-nav--white { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .m-block-nav--black:after, .m-block-nav--white:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: 0.15; | |
| } | |
| .m-block-nav--black .m-block-nav__content, .m-block-nav--white .m-block-nav__content { | |
| position: relative; | |
| z-index: 30; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: grid; | |
| grid-template-columns: 50% 50%; | |
| grid-gap: 0; | |
| justify-items: stretch; | |
| align-items: stretch; | |
| margin: 0 -1px -1px 0; | |
| } | |
| .m-block-nav--black li, .m-block-nav--white li { | |
| border-right: 1px solid transparent; | |
| border-bottom: 1px solid transparent; | |
| } | |
| .m-block-nav--black a, .m-block-nav--white a { | |
| display: block; | |
| min-height: 100px; | |
| padding: 20px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 24px; | |
| line-height: 120%; | |
| text-decoration: none; | |
| background-color: transparent; | |
| transition: all 0.3s; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-block-nav--black .m-block-nav__content, .m-block-nav--white .m-block-nav__content { | |
| grid-template-columns: 25% 25% 25% 25%; | |
| } | |
| .m-block-nav--black a, .m-block-nav--white a { | |
| min-height: 150px; | |
| padding: 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1140px) { | |
| .m-block-nav--black a, .m-block-nav--white a { | |
| min-height: 260px; | |
| padding: 50px; | |
| font-size: 32px; | |
| } | |
| } | |
| .m-block-nav--white { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-block-nav--white li { | |
| border-color: rgba(255, 255, 255, 0.2) !important; | |
| } | |
| .m-block-nav--white a { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-block-nav--white a:hover { | |
| background-color: rgba(242, 242, 242, 0.2); | |
| } | |
| .m-block-nav--black { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .m-block-nav--black li { | |
| border-color: rgba(0, 0, 0, 0.15) !important; | |
| } | |
| .m-block-nav--black a { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-block-nav--black a:hover { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .m-box { | |
| padding: 30px; | |
| } | |
| .m-box > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-box > *:last-child, .m-box > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-box { | |
| padding: 30px 60px; | |
| } | |
| .m-box.x-padding--even { | |
| padding: 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-box > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .m-box > *:last-child, .m-box > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-box.x-padding--large { | |
| padding: 90px 200px; | |
| } | |
| .m-box.x-padding--even { | |
| padding: 50px; | |
| } | |
| } | |
| .m-button-group > * { | |
| display: block; | |
| width: 100%; | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-button-group > *:last-child, .m-button-group > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-button-group.x-type--inline > * { | |
| display: inline-block; | |
| width: auto; | |
| margin-right: 10px; | |
| margin-left: 0; | |
| } | |
| .m-button-group.x-type--inline > *:last-child, .m-button-group.x-type--inline > *:only-child { | |
| margin-right: 0; | |
| } | |
| .m-button-group.x-type--flush { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| } | |
| .m-button-group.x-type--flush > * { | |
| flex-grow: 1; | |
| margin: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-button-group.x-type--horizontal > * { | |
| display: inline-block; | |
| width: auto; | |
| margin: 0; | |
| margin-right: 10px; | |
| margin-left: 0; | |
| } | |
| .m-button-group.x-type--horizontal > *:last-child, .m-button-group.x-type--horizontal > *:only-child { | |
| margin-right: 0; | |
| } | |
| .m-button-group.x-type--vertical { | |
| display: flex; | |
| flex-direction: column; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .m-button-group.x-type--vertical > * { | |
| display: inline-block; | |
| width: auto; | |
| margin: 0; | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-button-group.x-type--vertical > *:last-child, .m-button-group.x-type--vertical > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-button-group.x-type--grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr 1fr; | |
| grid-gap: 20px; | |
| } | |
| .m-button-group.x-type--grid > * { | |
| display: inline-block; | |
| width: auto; | |
| margin: 0; | |
| } | |
| .m-button-group.x-type--centered { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .m-button-group.x-type--centered > * { | |
| width: auto; | |
| min-width: calc(50% - 10px); | |
| margin: 0 0 0 20px; | |
| } | |
| .m-button-group.x-type--centered > *:first-child, .m-button-group.x-type--centered > *:only-child { | |
| margin-left: 0; | |
| } | |
| } | |
| .m-cta-row { | |
| width: 100%; | |
| max-width: 600px; | |
| margin: 0 auto; | |
| display: flex; | |
| } | |
| .m-cta-row > * { | |
| margin-bottom: 0 !important; | |
| } | |
| .m-cta-row.blue { | |
| background-color: #1e8ac8; | |
| background-image: linear-gradient(to right, #1e8ac8 0%, #4ebafd 100%); | |
| } | |
| .m-cta-row.green { | |
| background-color: #1eb686; | |
| background-image: linear-gradient(to right, #1eb686 0%, #f3b627 100%); | |
| } | |
| .m-cta-row.red { | |
| background-color: #ee2020; | |
| background-image: linear-gradient(to right, #ee2020 0%, #9d76f9 100%); | |
| } | |
| .m-cta-row.black { | |
| border: 1px solid silver; | |
| background-color: #ffffff; | |
| background-image: linear-gradient(to right, #d9d9d9 0%, #ffffff 100%); | |
| } | |
| .m-cta-row.blue h2, | |
| .m-cta-row.green h2, | |
| .m-cta-row.red h2 { | |
| color: #ffffff; | |
| } | |
| .m-cta-row.left .button { | |
| margin-left: auto; | |
| } | |
| .m-cta-row.right .heading { | |
| margin-left: auto; | |
| } | |
| .m-cta-row span { | |
| padding: 15px 30px; | |
| align-content: center; | |
| } | |
| .m-cta-row .center { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .m-cta-row .center h2 { | |
| margin-top: 6px; | |
| margin-bottom: 20px; | |
| } | |
| .m-cta-row a { | |
| display: inline-block; | |
| min-width: 70px; | |
| padding: 12px 20px; | |
| font-weight: bold; | |
| font-size: 13px; | |
| line-height: 110%; | |
| text-align: center; | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #000000; | |
| border: 1px solid #000000; | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .m-cta-row a:hover, .m-cta-row a:focus { | |
| color: #000000; | |
| border-color: #000000; | |
| background-color: #ffffff; | |
| } | |
| .m-card--grey-dark, .m-card--grey-darker, .m-card--white-bordered, .m-card--white, | |
| .m-card--trans-white, .m-card--black, | |
| .m-card--trans-black { | |
| padding: 20px; | |
| border: 1px solid transparent; | |
| } | |
| .m-card--grey-dark > *, .m-card--grey-darker > *, .m-card--white-bordered > *, .m-card--white > *, | |
| .m-card--trans-white > *, .m-card--black > *, | |
| .m-card--trans-black > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-card--grey-dark > *:last-child, .m-card--grey-darker > *:last-child, .m-card--white-bordered > *:last-child, .m-card--white > *:last-child, | |
| .m-card--trans-white > *:last-child, .m-card--black > *:last-child, | |
| .m-card--trans-black > *:last-child, .m-card--grey-dark > *:only-child, .m-card--grey-darker > *:only-child, .m-card--white-bordered > *:only-child, .m-card--white > *:only-child, | |
| .m-card--trans-white > *:only-child, .m-card--black > *:only-child, | |
| .m-card--trans-black > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-card--grey-dark, .m-card--grey-darker, .m-card--white-bordered, .m-card--white, | |
| .m-card--trans-white, .m-card--black, | |
| .m-card--trans-black { | |
| padding: 48px; | |
| } | |
| } | |
| .m-card--black, | |
| .m-card--trans-black { | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .m-card--white, | |
| .m-card--trans-white { | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .m-card--white-bordered { | |
| background-color: rgb(255, 255, 255); | |
| border-color: rgb(178, 178, 178); | |
| } | |
| .m-card--grey-darker { | |
| background-color: rgb(58, 58, 58); | |
| border-color: rgb(58, 58, 58); | |
| } | |
| .m-card--grey-dark { | |
| background-color: rgb(26, 26, 26); | |
| border-color: rgb(26, 26, 26); | |
| } | |
| .m-card--carousel .m-card__wrap { | |
| position: relative; | |
| display: block; | |
| min-height: 180px; | |
| overflow: hidden; | |
| text-decoration: none; | |
| color: rgb(255, 255, 255); | |
| border: 1px solid rgb(255, 255, 255); | |
| } | |
| .m-card--carousel .m-card__wrap::before { | |
| --size: 0; | |
| --opacity: 0; | |
| content: ""; | |
| position: absolute; | |
| left: var(--x); | |
| top: var(--y); | |
| width: var(--size); | |
| height: var(--size); | |
| background-image: radial-gradient(closest-side, var(--highlightColor), transparent); | |
| transform: translate(-50%, -50%); | |
| opacity: var(--opacity); | |
| transition: width 0.4s ease, height 0.4s ease, opacity 0.6s ease; | |
| } | |
| .m-card--carousel .m-card__wrap:hover::before, .m-card--carousel .m-card__wrap:focus::before { | |
| --size: 500px; | |
| --opacity: 0.5; | |
| } | |
| .m-card--carousel .m-card__wrap:hover .m-card__media, .m-card--carousel .m-card__wrap:focus .m-card__media { | |
| filter: grayscale(0); | |
| } | |
| .m-card--carousel .m-card__content { | |
| position: relative; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| padding: 18px; | |
| } | |
| .m-card--carousel .m-card__heading { | |
| margin: 0; | |
| padding: 0 10px 0 0; | |
| font-size: 16px; | |
| } | |
| .m-card--carousel .m-card__media { | |
| display: inline-block; | |
| margin: 0; | |
| border: 1px solid rgb(255, 255, 255); | |
| filter: grayscale(1); | |
| pointer-events: none; | |
| transition: filter 0.4s ease; | |
| } | |
| @media screen and (min-width: 480px) { | |
| .m-card--carousel .m-card__heading { | |
| display: -webkit-box; | |
| -webkit-line-clamp: 6; | |
| -webkit-box-orient: vertical; | |
| overflow: hidden; | |
| padding: 0 20px 0 0; | |
| font-size: 18px; | |
| } | |
| } | |
| .m-category-heading { | |
| position: relative; | |
| min-height: 190px; | |
| padding: 30px 30px 60px 30px; | |
| background-color: rgb(242, 242, 242); | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-category-heading:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: 0.15; | |
| } | |
| .m-category-heading:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgba(242, 242, 242, 0) 100%); | |
| } | |
| .m-category-heading .m-category-heading__content { | |
| position: relative; | |
| z-index: 30; | |
| } | |
| .m-category-heading .m-category-heading__content > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-category-heading .m-category-heading__content > *:last-child, .m-category-heading .m-category-heading__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-category-heading .m-category-heading__heading { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 32px; | |
| } | |
| .m-category-heading .m-category-heading__heading .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .m-category-heading .m-category-heading__summary { | |
| font-size: 18px; | |
| line-height: 25px; | |
| } | |
| .m-category-heading .m-category-heading__summary > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-category-heading .m-category-heading__summary > *:last-child, .m-category-heading .m-category-heading__summary > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-category-heading.x-color--black { | |
| background-color: rgb(242, 242, 242); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-category-heading.x-color--black:before { | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: 0.15; | |
| } | |
| .m-category-heading.x-color--black:after { | |
| background-image: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgba(242, 242, 242, 0) 100%); | |
| } | |
| .m-category-heading.x-color--white { | |
| background-color: rgb(0, 0, 0); | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-category-heading.x-color--white:before { | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: 0.3; | |
| } | |
| .m-category-heading.x-color--white:after { | |
| background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); | |
| } | |
| .m-compare-table { | |
| position: relative; | |
| } | |
| .m-compare-table .m-compare-table__tabs { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: wrap; | |
| justify-content: flex-start; | |
| align-items: stretch; | |
| } | |
| .m-compare-table .m-compare-table__tabs button { | |
| display: inline-block; | |
| flex-basis: 50%; | |
| padding: 12px 20px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 13px; | |
| line-height: 110%; | |
| text-align: center; | |
| text-decoration: none; | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| border-top: 1px solid transparent; | |
| border-left: 1px solid transparent; | |
| border-bottom: 1px solid rgb(0, 0, 0); | |
| border-right: 1px solid rgb(0, 0, 0); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .m-compare-table .m-compare-table__tabs button.is-active { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-compare-table .m-compare-table__tabs button:nth-child(odd) { | |
| border-left-color: rgb(0, 0, 0); | |
| } | |
| .m-compare-table .m-compare-table__tabs button:nth-child(1), .m-compare-table .m-compare-table__tabs button:nth-child(2) { | |
| border-top-color: rgb(0, 0, 0); | |
| } | |
| .m-compare-table .m-compare-table__data { | |
| border-collapse: collapse; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| .m-compare-table .m-compare-table__data td, | |
| .m-compare-table .m-compare-table__data th { | |
| padding: 20px 0; | |
| vertical-align: middle; | |
| empty-cells: show; | |
| font-weight: normal; | |
| border-bottom: 1px solid rgb(217, 217, 217); | |
| } | |
| .m-compare-table .m-compare-table__data td { | |
| text-align: center; | |
| } | |
| .m-compare-table .m-compare-table__data thead tr { | |
| position: absolute; | |
| top: -9999px; | |
| left: -9999px; | |
| } | |
| .m-compare-table .m-compare-table__data tbody th { | |
| text-align: left; | |
| } | |
| .m-compare-table .m-compare-table__data tbody td { | |
| display: none; | |
| } | |
| .m-compare-table .m-compare-table__data tbody td.is-active { | |
| display: table-cell; | |
| } | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__highlight th { | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__highlight td { | |
| font-size: 24px; | |
| font-weight: light; | |
| } | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__footer th, | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__footer td { | |
| border-top: 2px solid rgb(0, 0, 0); | |
| border-bottom: none; | |
| } | |
| @media screen and (min-width: 480px) { | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__highlight th, | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__highlight td { | |
| padding: 30px 0; | |
| } | |
| .m-compare-table .m-compare-table__data tr.m-compare-table__highlight td { | |
| font-size: 32px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-compare-table .m-compare-table__tabs button { | |
| flex-basis: 25%; | |
| } | |
| .m-compare-table .m-compare-table__tabs button:nth-child(odd) { | |
| border-left-color: transparent; | |
| } | |
| .m-compare-table .m-compare-table__tabs button:nth-child(3), .m-compare-table .m-compare-table__tabs button:nth-child(4) { | |
| border-top-color: rgb(0, 0, 0); | |
| } | |
| .m-compare-table .m-compare-table__tabs button:nth-child(5n) { | |
| border-left-color: rgb(0, 0, 0); | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-compare-table td.x-align--right, .m-compare-table th.x-align--right { | |
| text-align: right; | |
| } | |
| .m-compare-table .m-compare-table__tabs { | |
| display: none; | |
| } | |
| .m-compare-table .m-compare-table__data td, .m-compare-table .m-compare-table__data th { | |
| display: table-cell !important; | |
| } | |
| .m-compare-table .m-compare-table__data td, .m-compare-table .m-compare-table__data th { | |
| width: 340px; | |
| } | |
| .m-compare-table .m-compare-table__data td + td, | |
| .m-compare-table .m-compare-table__data th + th { | |
| width: auto; | |
| } | |
| .m-compare-table .m-compare-table__data thead tr { | |
| position: static; | |
| top: auto; | |
| left: auto; | |
| } | |
| .m-compare-table .m-compare-table__data thead tr th { | |
| font-size: 18px; | |
| font-weight: bold; | |
| border-bottom: 2px solid rgb(0, 0, 0); | |
| } | |
| } | |
| .m-data-list { | |
| font-size: 15px; | |
| } | |
| .m-data-list dt { | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| letter-spacing: 0.5px; | |
| } | |
| .m-data-list dd { | |
| margin: 5px 0 20px 0; | |
| } | |
| .m-data-list dd:last-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-data-list { | |
| font-size: 18px; | |
| line-height: 28px; | |
| } | |
| .m-data-list dd { | |
| margin: 3px 0 30px 0; | |
| } | |
| .m-data-list dd:last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker { | |
| width: 100%; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 10px; | |
| border: none; | |
| border-radius: 0; | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--nav { | |
| padding: 4px 0; | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--nav-title { | |
| font-weight: bold; | |
| font-size: 12px; | |
| border-radius: 0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--nav-title i { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--nav-action { | |
| border-radius: 0; | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--content { | |
| padding: 0; | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--day-name { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--cell { | |
| border-radius: 0; | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--cell.-current- { | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .m-datepicker .m-datepicker__display .datepicker--cell.-selected- { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-figure--overlay .m-figure__caption, .m-figure--right .m-figure__caption, .m-figure--centered-small .m-figure__caption, .m-figure--centered .m-figure__caption, .m-figure--wide .m-figure__caption, .m-figure--full .m-figure__caption { | |
| padding: 5px 0 10px 0; | |
| border-bottom: 1px solid rgb(178, 178, 178); | |
| } | |
| .m-figure--overlay .m-figure__caption > *, .m-figure--right .m-figure__caption > *, .m-figure--centered-small .m-figure__caption > *, .m-figure--centered .m-figure__caption > *, .m-figure--wide .m-figure__caption > *, .m-figure--full .m-figure__caption > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-figure--overlay .m-figure__caption > *:last-child, .m-figure--right .m-figure__caption > *:last-child, .m-figure--centered-small .m-figure__caption > *:last-child, .m-figure--centered .m-figure__caption > *:last-child, .m-figure--wide .m-figure__caption > *:last-child, .m-figure--full .m-figure__caption > *:last-child, .m-figure--overlay .m-figure__caption > *:only-child, .m-figure--right .m-figure__caption > *:only-child, .m-figure--centered-small .m-figure__caption > *:only-child, .m-figure--centered .m-figure__caption > *:only-child, .m-figure--wide .m-figure__caption > *:only-child, .m-figure--full .m-figure__caption > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-figure--full .m-figure__media img { | |
| min-width: 100%; | |
| } | |
| .m-figure--wide { | |
| max-width: 800px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .m-figure--wide .m-figure__media img { | |
| min-width: 100%; | |
| } | |
| .m-figure--centered { | |
| max-width: 600px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .m-figure--centered-small { | |
| max-width: 250px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .m-figure--right { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: center; | |
| align-items: flex-start; | |
| } | |
| .m-figure--right .m-figure__caption { | |
| width: 150px; | |
| padding: 10px; | |
| border-top: 1px solid rgb(178, 178, 178); | |
| } | |
| .m-figure--overlay { | |
| position: relative; | |
| } | |
| .m-figure--overlay img { | |
| min-width: 100%; | |
| } | |
| .m-figure--overlay .m-figure__caption { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| padding: 10px; | |
| border-bottom: none; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| } | |
| .m-figure--overlay .m-figure__caption > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-figure--overlay .m-figure__caption > *:last-child, .m-figure--overlay .m-figure__caption > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-figure--overlay .m-figure__caption { | |
| padding: 20px; | |
| } | |
| } | |
| .m-filter-group .m-filter-group__content { | |
| display: none; | |
| padding: 10px 0 0 0; | |
| } | |
| .m-filter-group.is-open .m-filter-group__toggle { | |
| color: rgb(0, 0, 0); | |
| background-color: transparent; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-filter-group .m-filter-group__toggle { | |
| display: none; | |
| } | |
| .m-filter-group .m-filter-group__content { | |
| display: block !important; | |
| padding: 0; | |
| } | |
| } | |
| .m-footnotes > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-footnotes > *:last-child, .m-footnotes > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-group--horizontal > *, .m-group--vertical > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-group--horizontal > *:last-child, .m-group--vertical > *:last-child, .m-group--horizontal > *:only-child, .m-group--vertical > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .x-margin--small.m-group--horizontal > *, .x-margin--small.m-group--vertical > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .x-margin--small.m-group--horizontal > *:last-child, .x-margin--small.m-group--vertical > *:last-child, .x-margin--small.m-group--horizontal > *:only-child, .x-margin--small.m-group--vertical > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-group--vertical.x-margin--large > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .m-group--vertical.x-margin--large > *:last-child, .m-group--vertical.x-margin--large > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-group--vertical.x-margin--small > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-group--vertical.x-margin--small > *:last-child, .m-group--vertical.x-margin--small > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-group--horizontal { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: stretch; | |
| } | |
| .m-group--horizontal > * { | |
| margin: 0; | |
| margin-right: 20px; | |
| margin-left: 0; | |
| } | |
| .m-group--horizontal > *:last-child, .m-group--horizontal > *:only-child { | |
| margin-right: 0; | |
| } | |
| .m-group--horizontal.x-margin--large > * { | |
| margin-right: 30px; | |
| margin-left: 0; | |
| } | |
| .m-group--horizontal.x-margin--large > *:last-child, .m-group--horizontal.x-margin--large > *:only-child { | |
| margin-right: 0; | |
| } | |
| .m-group--horizontal.x-margin--small > * { | |
| margin-right: 10px; | |
| margin-left: 0; | |
| } | |
| .m-group--horizontal.x-margin--small > *:last-child, .m-group--horizontal.x-margin--small > *:only-child { | |
| margin-right: 0; | |
| } | |
| } | |
| .m-header--grouped { | |
| margin: 0 0 24px 0; | |
| } | |
| .m-header--grouped .m-header__heading { | |
| margin: 0; | |
| } | |
| .m-header--grouped .m-header__summary { | |
| margin: 5px 0 0 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-header--grouped { | |
| margin: 0 0 28px 0; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-header--grouped { | |
| margin: 0 0 32px 0; | |
| } | |
| } | |
| .m-horizontal-nav { | |
| position: relative; | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| } | |
| .m-horizontal-nav:after { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| right: 0; | |
| width: 60px; | |
| } | |
| .m-horizontal-nav ::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .m-horizontal-nav .m-horizontal-nav__wrap { | |
| overflow-x: scroll; | |
| overflow-y: hidden; | |
| white-space: nowrap; | |
| } | |
| .m-horizontal-nav a { | |
| display: inline-block; | |
| margin-right: 35px; | |
| margin-left: 0; | |
| padding: 0 0 10px 0; | |
| font-size: 15px; | |
| font-weight: bold; | |
| text-decoration: none; | |
| border-bottom: 3px solid transparent; | |
| transition: border-bottom-color 0.3s; | |
| } | |
| .m-horizontal-nav a:last-child, .m-horizontal-nav a:only-child { | |
| margin-right: 0; | |
| } | |
| .m-horizontal-nav .fa { | |
| margin: 0 5px 0 0; | |
| } | |
| .m-horizontal-nav.x-color--black { | |
| border-bottom-color: rgb(217, 217, 217); | |
| } | |
| .m-horizontal-nav.x-color--black:after { | |
| background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); | |
| } | |
| .m-horizontal-nav.x-color--black a { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-horizontal-nav.x-color--black a:hover, .m-horizontal-nav.x-color--black a.is-active { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-horizontal-nav.x-color--white { | |
| border-bottom-color: rgb(118, 118, 118); | |
| } | |
| .m-horizontal-nav.x-color--white:after { | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%); | |
| } | |
| .m-horizontal-nav.x-color--white a { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-horizontal-nav.x-color--white a:hover, .m-horizontal-nav.x-color--white a.is-active { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-icon-list, .m-icon-list--links { | |
| list-style: none; | |
| padding: 0; | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-icon-list li, .m-icon-list--links li { | |
| padding: 20px 0; | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| } | |
| .m-icon-list li:first-child, .m-icon-list--links li:first-child { | |
| border-top: none; | |
| } | |
| .m-icon-list a, .m-icon-list--links a { | |
| text-decoration: none; | |
| } | |
| .m-icon-list em, .m-icon-list--links em { | |
| display: block; | |
| font-size: 11px; | |
| } | |
| .m-icon-list .fa, .m-icon-list--links .fa { | |
| margin: 0 5px 0 0; | |
| } | |
| .m-icon-list.x-color--black, .x-color--black.m-icon-list--links { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-list.x-color--black li, .x-color--black.m-icon-list--links li { | |
| border-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .m-icon-list.x-color--black a, .x-color--black.m-icon-list--links a { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-list.x-color--white, .x-color--white.m-icon-list--links { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-icon-list.x-color--white li, .x-color--white.m-icon-list--links li { | |
| border-color: rgba(255, 255, 255, 0.3); | |
| } | |
| .m-icon-list.x-color--white a, .x-color--white.m-icon-list--links a { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-icon-list--links { | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| } | |
| .m-icon-list--links a { | |
| position: relative; | |
| display: block; | |
| padding: 12px 0; | |
| text-decoration: none; | |
| transition: all 0.3s; | |
| } | |
| .m-icon-list--links a:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 1px; | |
| opacity: 0.6; | |
| transition: all 0.3s; | |
| } | |
| .m-icon-list--links a:hover:after { | |
| opacity: 1; | |
| } | |
| .m-icon-list--links a:focus:after, .m-icon-list--links a:active:after { | |
| height: 2px; | |
| opacity: 1; | |
| } | |
| .m-icon-list--links span { | |
| position: relative; | |
| display: block; | |
| padding: 12px 0; | |
| text-decoration: none; | |
| transition: all 0.3s; | |
| } | |
| .m-icon-list--links span:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 1px; | |
| opacity: 0.6; | |
| } | |
| .m-icon-list--links li { | |
| padding: 0; | |
| border: none; | |
| } | |
| .m-icon-list--links .fa { | |
| margin: 0 10px 0 0; | |
| opacity: 0.6; | |
| } | |
| .m-icon-list--links.x-color--black { | |
| border-top-color: rgba(178, 178, 178, 0.6); | |
| } | |
| .m-icon-list--links.x-color--black a, | |
| .m-icon-list--links.x-color--black span { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-list--links.x-color--black a .fa, | |
| .m-icon-list--links.x-color--black span .fa { | |
| opacity: 1; | |
| } | |
| .m-icon-list--links.x-color--black a:after, | |
| .m-icon-list--links.x-color--black span:after { | |
| background-color: rgb(178, 178, 178); | |
| } | |
| .m-icon-list--links.x-color--white { | |
| border-top-color: rgba(255, 255, 255, 0.6); | |
| } | |
| .m-icon-list--links.x-color--white a, | |
| .m-icon-list--links.x-color--white span { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-icon-list--links.x-color--white a:after, | |
| .m-icon-list--links.x-color--white span:after { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-icon-nav { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| font-size: 18px; | |
| } | |
| .m-icon-nav li { | |
| display: inline-block; | |
| margin: 0 10px 0 0; | |
| } | |
| .m-icon-nav li:after { | |
| content: "·"; | |
| display: inline-block; | |
| margin: 0 0 0 12px; | |
| } | |
| .m-icon-nav li:last-child { | |
| margin: 0; | |
| } | |
| .m-icon-nav li:last-child:after { | |
| display: none; | |
| } | |
| .m-icon-nav a { | |
| text-decoration: none; | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-nav.x-color--black { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-nav.x-color--black a { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-icon-nav.x-color--white { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-icon-nav.x-color--white a { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-image-field .m-image-field__preview, | |
| .m-image-field .m-image-field__placeholder { | |
| position: relative; | |
| width: 100%; | |
| padding-top: 75%; | |
| } | |
| .m-image-field .m-image-field__preview.x-img--greyscale img, | |
| .m-image-field .m-image-field__placeholder.x-img--greyscale img { | |
| filter: grayscale(100%); | |
| } | |
| .m-image-field .m-image-field__preview { | |
| display: none; | |
| overflow: hidden; | |
| border: 1px solid transparent; | |
| } | |
| .m-image-field .m-image-field__preview img { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| width: 100vw; | |
| height: 100vw; | |
| transform: translate(-50%, -50%); | |
| object-fit: cover; | |
| } | |
| .m-image-field .m-image-field__placeholder { | |
| border: 1px dashed rgb(178, 178, 178); | |
| } | |
| .m-image-field .m-image-field__placeholder .fa { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| font-size: 140px; | |
| color: rgb(0, 0, 0); | |
| opacity: 0.1; | |
| transform: translate(-50%, -50%); | |
| } | |
| .m-image-field .m-image-field__remove { | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| display: inline-block; | |
| width: 40px; | |
| height: 40px; | |
| font-size: 20px; | |
| text-align: center; | |
| line-height: 42px; | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| border-radius: 20px; | |
| transition: all 0.3s; | |
| } | |
| .m-image-field .m-image-field__remove:hover { | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-image-field .m-image-field__upload { | |
| padding: 10px 0 0 0; | |
| } | |
| .m-image-field.x-ratio--1-1 .m-image-field__preview, | |
| .m-image-field.x-ratio--1-1 .m-image-field__placeholder { | |
| padding-top: 100%; | |
| } | |
| .m-image-field.x-ratio--4-3 .m-image-field__preview, | |
| .m-image-field.x-ratio--4-3 .m-image-field__placeholder { | |
| padding-top: 75%; | |
| } | |
| .m-image-field.x-ratio--16-9 .m-image-field__preview, | |
| .m-image-field.x-ratio--16-9 .m-image-field__placeholder { | |
| padding-top: 56.25%; | |
| } | |
| .m-image-field.is-selected .m-image-field__preview { | |
| display: block; | |
| } | |
| .m-image-field.is-selected .m-image-field__placeholder { | |
| display: none; | |
| } | |
| .m-input-group .m-input-group__label { | |
| margin: 0 0 10px 0; | |
| } | |
| .m-input-group .m-input-group__label.x-tx-size--large { | |
| margin: 0 0 20px 0; | |
| } | |
| .m-input-group .m-input-group__message { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-input-group.x-margin--large .m-input-group__label { | |
| margin: 0 0 20px 0; | |
| } | |
| .m-input-group.x-margin--large .m-input-group__message { | |
| margin: 20px 0 0 0; | |
| } | |
| .m-input-group.x-margin--none .m-input-group__label, | |
| .m-input-group.x-margin--none .m-input-group__message { | |
| margin: 0; | |
| } | |
| .m-legal { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-legal a { | |
| text-decoration: none; | |
| color: rgb(255, 255, 255); | |
| transition: all 0.3s; | |
| } | |
| .m-legal a:hover { | |
| opacity: 0.6; | |
| } | |
| .m-legal .m-legal__email { | |
| display: inline-block; | |
| margin: 0 0 55px 0; | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| .m-legal .m-legal__links { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-legal .m-legal__links li { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-legal .m-legal__links li:last-child, .m-legal .m-legal__links li:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-legal .m-legal__links a { | |
| font-size: 10px; | |
| } | |
| .m-legal .m-legal__copyright { | |
| display: block; | |
| margin: 5px 0 0 0; | |
| font-size: 10px; | |
| font-style: italic; | |
| color: rgb(178, 178, 178); | |
| } | |
| .m-lightbox { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| grid-gap: 20px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-lightbox { | |
| grid-template-columns: 1fr 1fr 1fr; | |
| } | |
| .m-lightbox .m-lightbox__thumb { | |
| position: relative; | |
| } | |
| .m-lightbox .m-lightbox__thumb:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| display: block; | |
| background-color: rgba(0, 0, 0, 0.5); | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .m-lightbox .m-lightbox__thumb:hover:after { | |
| opacity: 1; | |
| } | |
| } | |
| .mfp-image-holder .mfp-close, | |
| .mfp-inline-holder .mfp-close, | |
| .mfp-iframe-holder .mfp-close { | |
| top: -24px; | |
| height: 64px; | |
| font-size: 20px; | |
| line-height: 64px; | |
| opacity: 1; | |
| } | |
| .mfp-image-holder .mfp-close:before, | |
| .mfp-inline-holder .mfp-close:before, | |
| .mfp-iframe-holder .mfp-close:before { | |
| content: "\f00d"; | |
| color: rgb(255, 255, 255); | |
| font-family: FontAwesome; | |
| transition: color 0.3s; | |
| } | |
| .mfp-image-holder .mfp-close:before:hover, | |
| .mfp-inline-holder .mfp-close:before:hover, | |
| .mfp-iframe-holder .mfp-close:before:hover { | |
| color: rgb(118, 118, 118); | |
| } | |
| .mfp-inline-holder .mfp-close, | |
| .mfp-iframe-holder .mfp-close { | |
| top: -64px; | |
| right: -16px; | |
| } | |
| .mfp-arrow { | |
| opacity: 1; | |
| } | |
| .mfp-arrow-left:before, | |
| .mfp-arrow-right:before { | |
| position: static; | |
| left: auto; | |
| top: auto; | |
| display: block; | |
| width: 90px; | |
| height: 110px; | |
| margin-top: 0; | |
| margin-left: 0; | |
| font-family: FontAwesome; | |
| font-size: 20px; | |
| line-height: 110px; | |
| color: rgb(255, 255, 255); | |
| border: none; | |
| opacity: 1; | |
| transition: color 0.3s; | |
| } | |
| .mfp-arrow-left:after, | |
| .mfp-arrow-right:after { | |
| display: none; | |
| } | |
| .mfp-arrow-left:hover:before, | |
| .mfp-arrow-right:hover:before { | |
| color: rgb(118, 118, 118); | |
| } | |
| .mfp-arrow-left { | |
| left: 0; | |
| } | |
| .mfp-arrow-left:before { | |
| content: "\f053"; | |
| } | |
| .mfp-arrow-right { | |
| right: 0; | |
| } | |
| .mfp-arrow-right:before { | |
| content: "\f054"; | |
| } | |
| .mfp-bottom-bar { | |
| margin-top: -26px; | |
| } | |
| .mfp-title, | |
| .mfp-counter { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 13px; | |
| color: rgba(255, 255, 255, 0.7); | |
| line-height: 100%; | |
| } | |
| .m-list-group .m-list-group__heading { | |
| margin: 0; | |
| padding: 0 0 5px 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| } | |
| .m-list-group .m-list-group__subheading { | |
| margin: 0; | |
| padding: 0 0 5px 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-style: italic; | |
| font-size: 13px; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| } | |
| .m-list-group .m-list-group__items { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-list-group .m-list-group__items > li { | |
| padding: 20px 0; | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| } | |
| .m-list-group .m-list-group__items > li.m-list-group__section-start { | |
| border-top-style: solid; | |
| border-top-width: 3px; | |
| } | |
| .m-list-group .m-list-group__items > li.m-list-group__section-end { | |
| border-bottom-width: 3px; | |
| } | |
| .m-list-group .m-list-group__footer { | |
| padding: 21px 0; | |
| } | |
| .m-list-group .m-list-group__footer a { | |
| display: inline-block; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-decoration: none; | |
| transition: all 0.3s; | |
| } | |
| .m-list-group.x-padding--small .m-list-group__items > li { | |
| padding: 11px 0 10px 0; | |
| } | |
| .m-list-group.x-padding--large .m-list-group__items > li { | |
| padding: 31px 0 30px 0; | |
| } | |
| .m-list-group.x-color--black .m-list-group__heading { | |
| color: rgb(0, 0, 0); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-list-group.x-color--black .m-list-group__subheading { | |
| color: rgb(118, 118, 118); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-list-group.x-color--black .m-list-group__items { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-list-group.x-color--black .m-list-group__items > li { | |
| border-bottom-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .m-list-group.x-color--black .m-list-group__items > li.m-list-group__section-start { | |
| border-top-color: rgb(0, 0, 0); | |
| } | |
| .m-list-group.x-color--black .m-list-group__items > li.m-list-group__section-end { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-list-group.x-color--black .m-list-group__footer a { | |
| color: rgb(118, 118, 118); | |
| } | |
| .m-list-group.x-color--black .m-list-group__footer a:hover { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-list-group.x-color--white .m-list-group__heading { | |
| color: rgb(255, 255, 255); | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-list-group.x-color--white .m-list-group__subheading { | |
| color: rgb(242, 242, 242); | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-list-group.x-color--white .m-list-group__items { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-list-group.x-color--white .m-list-group__items > li { | |
| border-bottom-color: rgba(255, 255, 255, 0.3); | |
| } | |
| .m-list-group.x-color--white .m-list-group__items > li.m-list-group__section-start { | |
| border-top-color: rgb(255, 255, 255); | |
| } | |
| .m-list-group.x-color--white .m-list-group__items > li.m-list-group__section-end { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-list-group.x-color--white .m-list-group__footer a { | |
| color: rgb(178, 178, 178); | |
| } | |
| .m-list-group.x-color--white .m-list-group__footer a:hover { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-map .m-map__canvas { | |
| position: relative; | |
| padding-top: 67.567568%; | |
| } | |
| .m-map .m-map__canvas > * { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .m-member-logo .m-member-logo__wrap, .m-member-logo--full .m-member-logo__wrap { | |
| display: flex; | |
| flex-direction: column; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: center; | |
| height: 100%; | |
| text-decoration: none; | |
| text-align: center; | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-member-logo .m-member-logo__wrap:hover .m-member-logo__media img, .m-member-logo--full .m-member-logo__wrap:hover .m-member-logo__media img { | |
| transform: translate(0, -5px); | |
| } | |
| .m-member-logo .m-member-logo__media img, .m-member-logo--full .m-member-logo__media img { | |
| display: inline-block; | |
| transition: all 0.3s; | |
| max-height: 100%; | |
| filter: grayscale(100%); | |
| } | |
| .m-member-logo .m-member-logo__caption, .m-member-logo--full .m-member-logo__caption { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-member-logo .m-member-logo__caption > *, .m-member-logo--full .m-member-logo__caption > * { | |
| display: block; | |
| margin: 0; | |
| font-size: 14px; | |
| line-height: 130%; | |
| } | |
| .m-member-logo .m-member-logo__caption strong, .m-member-logo--full .m-member-logo__caption strong { | |
| display: block; | |
| } | |
| .m-member-logo .m-member-logo__caption em, .m-member-logo--full .m-member-logo__caption em { | |
| display: block; | |
| font-style: italic; | |
| color: rgb(118, 118, 118); | |
| } | |
| .m-member-logo--full .m-member-logo__wrap { | |
| display: block; | |
| height: auto; | |
| } | |
| .m-member-logo--full .m-member-logo__media { | |
| position: relative; | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: center; | |
| align-items: center; | |
| height: 120px; | |
| padding: 20px; | |
| background-color: rgb(242, 242, 242); | |
| border: 1px solid rgb(242, 242, 242); | |
| transition: all 0.3s; | |
| } | |
| .m-member-logo--full .m-member-logo__media img { | |
| filter: grayscale(100%); | |
| mix-blend-mode: multiply; | |
| transition: all 0.3s; | |
| } | |
| .m-member-logo--full .m-member-logo__media .fa { | |
| position: absolute; | |
| font-size: 12px; | |
| left: 10px; | |
| top: 10px; | |
| } | |
| .m-member-logo--full .m-member-logo__caption { | |
| margin: 5px 0 0 0; | |
| } | |
| .m-member-logo--full .m-member-logo__wrap:hover .m-member-logo__media { | |
| background-color: transparent; | |
| } | |
| .m-member-logo--full .m-member-logo__wrap:hover .m-member-logo__media img { | |
| filter: none; | |
| mix-blend-mode: normal; | |
| transform: translate(0, 0); | |
| } | |
| .m-member-logo--full.x-type--cropped .m-member-logo__media { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| } | |
| .m-member-logo--full.x-type--cropped .m-member-logo__media img { | |
| display: none; | |
| } | |
| .m-member-logo--full.x-type--large .m-member-logo__media img { | |
| height: 80px !important; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-member-logo--full.x-type--large .m-member-logo__media { | |
| height: 200px; | |
| } | |
| .m-member-logo--full.x-type--large .m-member-logo__media img { | |
| height: auto !important; | |
| } | |
| } | |
| .m-modal { | |
| position: relative; | |
| max-width: 620px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-modal .m-modal__close { | |
| position: absolute; | |
| right: 10px; | |
| top: 10px; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| display: inline-block; | |
| width: 22px; | |
| height: 22px; | |
| background: transparent url("/assets/img/icon-x-white.svg") center center no-repeat; | |
| background-size: contain; | |
| opacity: 0.5; | |
| transition: opacity 0.3s; | |
| } | |
| .m-modal .m-modal__close:hover, .m-modal .m-modal__close:focus { | |
| opacity: 1; | |
| } | |
| .m-modal .m-modal__close--black { | |
| background: transparent url("/assets/img/icon-x-black.svg") center center no-repeat; | |
| } | |
| .m-modal .m-modal__header { | |
| margin: 0 0 20px 0; | |
| } | |
| .m-modal .m-modal__header > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-modal .m-modal__header > *:last-child, .m-modal .m-modal__header > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-modal .m-modal__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-modal .m-modal__content > *:last-child, .m-modal .m-modal__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-modal .m-modal__footer { | |
| margin: 20px 0 0 0; | |
| } | |
| .m-modal--absolute { | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| width: 90%; | |
| background-color: #ffffff; | |
| max-height: 400px; | |
| overflow-y: scroll; | |
| box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; | |
| border: 1px solid #000000; | |
| z-index: 9999; | |
| text-align: left; | |
| } | |
| .m-modal--hidden { | |
| display: none; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-modal { | |
| padding: 50px; | |
| } | |
| .m-modal .m-modal__close { | |
| right: 20px; | |
| top: 20px; | |
| } | |
| .m-modal .m-modal__header { | |
| margin: 0 0 40px 0; | |
| } | |
| .m-modal .m-modal__footer { | |
| margin: 40px 0 0 0; | |
| } | |
| .m-modal--absolute { | |
| width: 100%; | |
| max-height: 500px; | |
| } | |
| } | |
| .m-option-group .m-option-group__label { | |
| margin: 0 0 10px 0; | |
| } | |
| .m-option-group .m-option-group__option { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-option-group .m-option-group__option:last-child, .m-option-group .m-option-group__option:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-option-group .m-option-group__message { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-option-group.x-type--horizontal .m-option-group__options { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: flex-start; | |
| align-items: center; | |
| min-height: 40px; | |
| } | |
| .m-option-group.x-type--horizontal .m-option-group__option { | |
| margin: 0; | |
| margin-right: 15px; | |
| margin-left: 0; | |
| } | |
| .m-option-group.x-type--horizontal .m-option-group__option:last-child, .m-option-group.x-type--horizontal .m-option-group__option:only-child { | |
| margin-right: 0; | |
| } | |
| .m-pagination { | |
| position: relative; | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: center; | |
| align-items: center; | |
| min-height: 30px; | |
| padding: 0 25px; | |
| } | |
| .m-pagination span, | |
| .m-pagination em, | |
| .m-pagination a { | |
| display: inline-block; | |
| height: 30px; | |
| padding: 0 8px; | |
| margin-right: 5px; | |
| margin-left: 0; | |
| font-size: 13px; | |
| font-weight: bold; | |
| text-align: center; | |
| line-height: 100%; | |
| border-bottom: 1px solid transparent; | |
| transition: all 0.3s; | |
| } | |
| .m-pagination span:last-child, .m-pagination span:only-child, | |
| .m-pagination em:last-child, | |
| .m-pagination em:only-child, | |
| .m-pagination a:last-child, | |
| .m-pagination a:only-child { | |
| margin-right: 0; | |
| } | |
| .m-pagination em { | |
| font-style: normal; | |
| } | |
| .m-pagination a { | |
| text-decoration: none; | |
| } | |
| .m-pagination .m-pagination__prev, | |
| .m-pagination .m-pagination__next { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| width: 15px; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 15px auto; | |
| } | |
| .m-pagination .m-pagination__prev.is-disabled, | |
| .m-pagination .m-pagination__next.is-disabled { | |
| opacity: 0.2; | |
| } | |
| .m-pagination .m-pagination__prev { | |
| left: 0; | |
| } | |
| .m-pagination .m-pagination__next { | |
| right: 0; | |
| } | |
| .m-pagination.x-color--black em { | |
| color: rgb(0, 0, 0); | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-pagination.x-color--black a { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-pagination.x-color--black a:hover { | |
| border-bottom-color: rgb(217, 217, 217); | |
| } | |
| .m-pagination.x-color--black a.m-pagination__prev, .m-pagination.x-color--black a.m-pagination__next { | |
| border-bottom-color: transparent; | |
| } | |
| .m-pagination.x-color--black .m-pagination__prev { | |
| background-image: url("/assets/img/icon-back-black.svg"); | |
| } | |
| .m-pagination.x-color--black .m-pagination__next { | |
| background-image: url("/assets/img/icon-forward-black.svg"); | |
| } | |
| .m-pagination.x-color--white em { | |
| color: rgb(255, 255, 255); | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-pagination.x-color--white a { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-pagination.x-color--white a:hover { | |
| border-bottom-color: rgb(118, 118, 118); | |
| } | |
| .m-pagination.x-color--white a.m-pagination__prev, .m-pagination.x-color--white a.m-pagination__next { | |
| border-bottom-color: transparent; | |
| } | |
| .m-pagination.x-color--white .m-pagination__prev { | |
| background-image: url("/assets/img/icon-back-white.svg"); | |
| } | |
| .m-pagination.x-color--white .m-pagination__next { | |
| background-image: url("/assets/img/icon-forward-white.svg"); | |
| } | |
| .m-paging .m-paging__prev, | |
| .m-paging .m-paging__next { | |
| position: relative; | |
| display: block; | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| text-decoration: none; | |
| transition: all 0.3s; | |
| } | |
| .m-paging .m-paging__prev:last-child, .m-paging .m-paging__prev:only-child, | |
| .m-paging .m-paging__next:last-child, | |
| .m-paging .m-paging__next:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-paging .m-paging__prev:before, | |
| .m-paging .m-paging__next:before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| width: 20px; | |
| background-repeat: no-repeat; | |
| background-size: 15px 30px; | |
| opacity: 0.5; | |
| } | |
| .m-paging .m-paging__prev:hover, | |
| .m-paging .m-paging__next:hover { | |
| opacity: 0.5; | |
| } | |
| .m-paging .m-paging__prev { | |
| padding: 0 0 0 30px; | |
| text-align: left; | |
| } | |
| .m-paging .m-paging__prev:before { | |
| left: 0; | |
| background-position: left center; | |
| } | |
| .m-paging .m-paging__next { | |
| padding: 0 30px 0 0; | |
| text-align: right; | |
| } | |
| .m-paging .m-paging__next:before { | |
| right: 0; | |
| background-position: right center; | |
| } | |
| .m-paging.x-color--black .m-paging__prev:before { | |
| background-image: url("/assets/img/icon-back-black.svg"); | |
| } | |
| .m-paging.x-color--black .m-paging__next:before { | |
| background-image: url("/assets/img/icon-forward-black.svg"); | |
| } | |
| .m-paging.x-color--white .m-paging__prev:before { | |
| background-image: url("/assets/img/icon-back-white.svg"); | |
| } | |
| .m-paging.x-color--white .m-paging__next:before { | |
| background-image: url("/assets/img/icon-forward-white.svg"); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-paging { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| } | |
| .m-paging .m-paging__prev, | |
| .m-paging .m-paging__next { | |
| flex-shrink: 0; | |
| width: calc(50% - 20px); | |
| max-width: 525px; | |
| margin: 0; | |
| } | |
| .m-paging.x-align--end { | |
| justify-content: flex-end; | |
| } | |
| } | |
| .m-panel { | |
| padding: 20px; | |
| } | |
| .m-panel .m-panel__header { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: center; | |
| margin: 0 0 20px 0; | |
| padding: 0 0 10px 0; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| } | |
| .m-panel .m-panel__heading { | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| .m-panel .m-panel__nav { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-panel .m-panel__nav li { | |
| display: inline-block; | |
| margin: 0 0 0 5px; | |
| padding: 0 0 0 7px; | |
| border-left-style: solid; | |
| border-left-width: 1px; | |
| } | |
| .m-panel .m-panel__nav li:first-child { | |
| margin: 0; | |
| padding: 0; | |
| border-left: none; | |
| } | |
| .m-panel .m-panel__nav a { | |
| display: block; | |
| font-size: 13px; | |
| line-height: 15px; | |
| text-decoration: none; | |
| } | |
| .m-panel .m-panel__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-panel .m-panel__content > *:last-child, .m-panel .m-panel__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-panel.x-bg-color--white { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-panel.x-bg-color--white .m-panel__header { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-panel.x-bg-color--white .m-panel__heading { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-panel.x-bg-color--white .m-panel__nav li { | |
| border-left-color: rgb(118, 118, 118); | |
| } | |
| .m-panel.x-bg-color--white .m-panel__nav a { | |
| color: rgb(118, 118, 118); | |
| } | |
| .m-panel.x-bg-color--black { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-panel.x-bg-color--black .m-panel__header { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-panel.x-bg-color--black .m-panel__heading { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-panel.x-bg-color--black .m-panel__nav li { | |
| border-left-color: rgb(178, 178, 178); | |
| } | |
| .m-panel.x-bg-color--black .m-panel__nav a { | |
| color: rgb(178, 178, 178); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-panel { | |
| padding: 40px; | |
| } | |
| .m-panel .m-panel__content > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .m-panel .m-panel__content > *:last-child, .m-panel .m-panel__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-poster { | |
| position: relative; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-poster:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .m-poster:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: var(--opacity); | |
| } | |
| .m-poster.x-color:after { | |
| filter: grayscale(0%); | |
| mix-blend-mode: inherit; | |
| opacity: 1; | |
| } | |
| .m-poster .m-poster__overlay { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 15; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .m-poster .m-poster__wrap { | |
| position: relative; | |
| z-index: 30; | |
| padding: 20px; | |
| } | |
| .m-poster .m-poster__wrap > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-poster .m-poster__wrap > *:last-child, .m-poster .m-poster__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-poster.x-pad--bottom .m-poster__wrap { | |
| padding-bottom: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-poster .m-poster__wrap { | |
| padding: 50px; | |
| } | |
| .m-poster .m-poster__wrap > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .m-poster .m-poster__wrap > *:last-child, .m-poster .m-poster__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-pub-masthead { | |
| position: relative; | |
| padding-top: 23.6%; | |
| background: transparent url("/assets/img/logo-skins-white.svg") center bottom no-repeat; | |
| background-size: cover; | |
| } | |
| .m-pub-masthead .m-pub-masthead__heading { | |
| position: absolute; | |
| visibility: hidden; | |
| } | |
| .m-pub-masthead .m-pub-masthead__date { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: 0; | |
| padding: 0 0 5px 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-align: right; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| color: rgb(255, 255, 255); | |
| border-bottom: 3px solid rgb(255, 255, 255); | |
| } | |
| .m-purchasable { | |
| max-width: 300px; | |
| border: 1px solid rgb(217, 217, 217); | |
| } | |
| .m-purchasable .m-purchasable__media { | |
| display: block; | |
| } | |
| .m-purchasable .m-purchasable__media img { | |
| min-width: 100%; | |
| } | |
| .m-purchasable .m-purchasable__content { | |
| padding: 20px; | |
| } | |
| .m-purchasable .m-purchasable__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-purchasable .m-purchasable__content > *:last-child, .m-purchasable .m-purchasable__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 480px) { | |
| .m-purchasable { | |
| display: grid; | |
| grid-template-columns: 150px auto; | |
| align-items: center; | |
| max-width: 9999px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-purchasable { | |
| grid-template-columns: 250px auto; | |
| } | |
| .m-purchasable .m-purchasable__content { | |
| padding: 20px; | |
| } | |
| } | |
| @media screen and (min-width: 1300px) { | |
| .m-purchasable { | |
| grid-template-columns: 250px auto; | |
| } | |
| .m-purchasable .m-purchasable__content { | |
| padding: 0 40px; | |
| } | |
| } | |
| .m-range-group .m-range-group__item { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-range-group .m-range-group__item:last-child, .m-range-group .m-range-group__item:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-range-group .m-range-group__label { | |
| display: block; | |
| margin: 0 0 5px 0; | |
| font-size: 14px; | |
| } | |
| .m-results-nav { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .m-results-nav .m-results-nav__heading { | |
| margin: 0; | |
| font-size: 13px; | |
| font-weight: normal; | |
| font-style: italic; | |
| color: rgb(178, 178, 178); | |
| } | |
| .m-results-nav .m-results-nav__toggles { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| display: inline-flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-end; | |
| align-items: center; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-results-nav { | |
| display: block; | |
| } | |
| .m-results-nav .m-results-nav__heading { | |
| margin: 0 0 20px 0; | |
| } | |
| } | |
| .m-schedule { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-schedule > li { | |
| padding: 10px 0; | |
| border-bottom: 1px solid rgb(178, 178, 178); | |
| } | |
| .m-schedule > li > .m-schedule__time { | |
| display: block; | |
| font-size: 14px; | |
| } | |
| .m-schedule > li > .m-schedule__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-schedule > li > .m-schedule__content > *:last-child, .m-schedule > li > .m-schedule__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-schedule > li > .m-schedule__content h3.u-tx-color--black a { | |
| text-decoration: none; | |
| border-bottom: 1px solid black; | |
| transition: all 0.3s; | |
| } | |
| .m-schedule > li > .m-schedule__content h3.u-tx-color--black a:hover { | |
| opacity: 0.5; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-schedule > li { | |
| display: grid; | |
| grid-template-columns: 210px auto; | |
| grid-gap: 50px; | |
| } | |
| .m-schedule > li > .m-schedule__time { | |
| font-size: 18px; | |
| line-height: 32px; | |
| } | |
| } | |
| .m-snippet a, .m-snippet--large a, .m-snippet--medium a, .m-snippet--small a, .m-snippet--tiny a, .m-snippet--micro a { | |
| text-decoration: none; | |
| } | |
| .m-snippet > *, .m-snippet--large > *, .m-snippet--medium > *, .m-snippet--small > *, .m-snippet--tiny > *, .m-snippet--micro > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-snippet > *:last-child, .m-snippet--large > *:last-child, .m-snippet--medium > *:last-child, .m-snippet--small > *:last-child, .m-snippet--tiny > *:last-child, .m-snippet--micro > *:last-child, .m-snippet > *:only-child, .m-snippet--large > *:only-child, .m-snippet--medium > *:only-child, .m-snippet--small > *:only-child, .m-snippet--tiny > *:only-child, .m-snippet--micro > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet .m-snippet__metadata, .m-snippet--large .m-snippet__metadata, .m-snippet--medium .m-snippet__metadata, .m-snippet--small .m-snippet__metadata, .m-snippet--tiny .m-snippet__metadata, .m-snippet--micro .m-snippet__metadata { | |
| font-size: 15px; | |
| margin: 0 0 8px 0; | |
| } | |
| .m-snippet .m-snippet__heading, .m-snippet--large .m-snippet__heading, .m-snippet--medium .m-snippet__heading, .m-snippet--small .m-snippet__heading, .m-snippet--tiny .m-snippet__heading, .m-snippet--micro .m-snippet__heading { | |
| font-size: 18px; | |
| line-height: 25px; | |
| } | |
| .m-snippet .m-snippet__heading a, .m-snippet--large .m-snippet__heading a, .m-snippet--medium .m-snippet__heading a, .m-snippet--small .m-snippet__heading a, .m-snippet--tiny .m-snippet__heading a, .m-snippet--micro .m-snippet__heading a { | |
| transition: all 0.3s; | |
| } | |
| .m-snippet .m-snippet__heading a:hover, .m-snippet--large .m-snippet__heading a:hover, .m-snippet--medium .m-snippet__heading a:hover, .m-snippet--small .m-snippet__heading a:hover, .m-snippet--tiny .m-snippet__heading a:hover, .m-snippet--micro .m-snippet__heading a:hover { | |
| opacity: 0.4; | |
| } | |
| .m-snippet .m-snippet__summary, .m-snippet--large .m-snippet__summary, .m-snippet--medium .m-snippet__summary, .m-snippet--small .m-snippet__summary, .m-snippet--tiny .m-snippet__summary, .m-snippet--micro .m-snippet__summary { | |
| font-size: 15px; | |
| } | |
| .m-snippet .m-snippet__date, .m-snippet--large .m-snippet__date, .m-snippet--medium .m-snippet__date, .m-snippet--small .m-snippet__date, .m-snippet--tiny .m-snippet__date, .m-snippet--micro .m-snippet__date { | |
| display: block; | |
| } | |
| .m-snippet--micro > * { | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| } | |
| .m-snippet--micro > *:last-child, .m-snippet--micro > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet--micro .m-snippet__heading { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-snippet--micro .m-snippet__subheading { | |
| display: block; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| } | |
| .m-snippet--micro .m-snippet__metadata { | |
| font-size: 13px; | |
| } | |
| .m-snippet--tiny > * { | |
| margin-bottom: 7px; | |
| margin-top: 0; | |
| } | |
| .m-snippet--tiny > *:last-child, .m-snippet--tiny > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet--tiny .m-snippet__heading { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-snippet--tiny .m-snippet__subheading { | |
| display: block; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| } | |
| .m-snippet--small > * { | |
| margin-bottom: 7px; | |
| margin-top: 0; | |
| } | |
| .m-snippet--small > *:last-child, .m-snippet--small > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet--small .m-snippet__heading { | |
| font-size: 16px; | |
| line-height: 22px; | |
| } | |
| .m-snippet--small .m-snippet__subheading { | |
| display: block; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| } | |
| .m-snippet--medium > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-snippet--medium > *:last-child, .m-snippet--medium > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet--medium .m-snippet__metadata { | |
| font-size: 13px; | |
| line-height: 19px; | |
| } | |
| .m-snippet--medium .m-snippet__heading { | |
| font-size: 18px; | |
| line-height: 25px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-snippet--medium .m-snippet__metadata { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-snippet--medium .m-snippet__heading { | |
| font-size: 24px; | |
| line-height: 32px; | |
| } | |
| } | |
| .m-snippet--large > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-snippet--large > *:last-child, .m-snippet--large > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-snippet--large .m-snippet__metadata { | |
| font-size: 14px; | |
| } | |
| .m-snippet--large .m-snippet__heading { | |
| font-size: 32px; | |
| line-height: 140%; | |
| } | |
| .m-snippet--large .m-snippet__subheading { | |
| font-size: 13px; | |
| line-height: 120%; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-snippet--large .m-snippet__subheading { | |
| margin: 0 0 40px 0; | |
| } | |
| .m-snippet--large .m-snippet__heading { | |
| font-size: 40px; | |
| } | |
| } | |
| .m-stripe-card .stripe-payment-intents-form { | |
| width: 100%; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder legend { | |
| display: none; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder input { | |
| width: 100%; | |
| height: 40px; | |
| padding: 0 14px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| border: 1px solid rgb(255, 255, 255); | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| transition: all 0.3s; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder input:hover, .m-stripe-card .stripe-payment-intents-form .card-holder input:focus { | |
| border-bottom-color: rgb(0, 0, 0); | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder input.x-state--error { | |
| border-bottom-color: rgb(208, 2, 27) !important; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder input.x-state--success { | |
| border-bottom-color: rgb(31, 153, 61) !important; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder .item { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder .item:last-child, .m-stripe-card .stripe-payment-intents-form .card-holder .item:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-data { | |
| padding: 10px 14px; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-errors { | |
| display: block; | |
| margin: 10px 0 0 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 15px; | |
| line-height: 16px; | |
| color: rgb(208, 2, 27); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-stripe-card .stripe-payment-intents-form .card-holder .grid { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: top; | |
| } | |
| .m-stripe-card .stripe-payment-intents-form .card-holder .item { | |
| width: calc(50% - 15px); | |
| } | |
| } | |
| .m-subscribe--horizontal .m-subscribe__inputs > *, .m-subscribe--vertical .m-subscribe__inputs > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-subscribe--horizontal .m-subscribe__inputs > *:last-child, .m-subscribe--vertical .m-subscribe__inputs > *:last-child, .m-subscribe--horizontal .m-subscribe__inputs > *:only-child, .m-subscribe--vertical .m-subscribe__inputs > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-subscribe--horizontal .m-subscribe__confirm, .m-subscribe--vertical .m-subscribe__confirm { | |
| display: none; | |
| } | |
| .x-color--trans-white.m-subscribe--horizontal ::placeholder, .x-color--trans-white.m-subscribe--vertical ::placeholder { | |
| color: rgb(255, 255, 255); | |
| } | |
| .x-color--trans-black.m-subscribe--horizontal ::placeholder, .x-color--trans-black.m-subscribe--vertical ::placeholder { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-subscribe--horizontal .m-subscribe__inputs .a-button, .m-subscribe--horizontal .m-subscribe__inputs .a-button--large, .m-subscribe--horizontal .m-subscribe__inputs .a-button--full, .m-subscribe--horizontal .m-subscribe__inputs .a-button--compact, .m-subscribe--horizontal .m-subscribe__inputs .a-button--small, .m-subscribe--horizontal .m-subscribe__inputs .a-button--full-small, .m-subscribe--horizontal .m-subscribe__inputs .a-button--pad-small { | |
| display: block; | |
| width: 100%; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-subscribe--horizontal .m-subscribe__inputs { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: center; | |
| } | |
| .m-subscribe--horizontal .m-subscribe__inputs > * { | |
| margin: 0; | |
| } | |
| .m-subscribe--horizontal .m-subscribe__inputs .a-button, .m-subscribe--horizontal .m-subscribe__inputs .a-button--large, .m-subscribe--horizontal .m-subscribe__inputs .a-button--full, .m-subscribe--horizontal .m-subscribe__inputs .a-button--compact, .m-subscribe--horizontal .m-subscribe__inputs .a-button--small, .m-subscribe--horizontal .m-subscribe__inputs .a-button--full-small, .m-subscribe--horizontal .m-subscribe__inputs .a-button--pad-small { | |
| flex-shrink: 0; | |
| width: auto; | |
| } | |
| } | |
| .m-tabs .m-tabs__nav a { | |
| position: relative; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: flex-start; | |
| width: 100%; | |
| min-height: 40px; | |
| padding: 10px 10px 10px 13px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| line-height: 120%; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| transition: all 0.3s; | |
| } | |
| .m-tabs .m-tabs__nav a:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| display: block; | |
| width: 1px; | |
| } | |
| .m-tabs .m-tabs__nav a:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| display: block; | |
| height: 1px; | |
| } | |
| .m-tabs .m-tabs__panel { | |
| display: none; | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .m-tabs .m-tabs__panel.x-type--padded { | |
| padding: 15px 0; | |
| } | |
| .m-tabs .m-tabs__panel.is-active { | |
| display: block; | |
| opacity: 1; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-tabs .m-tabs__nav { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: stretch; | |
| position: relative; | |
| } | |
| .m-tabs .m-tabs__nav a { | |
| width: auto; | |
| min-width: 120px; | |
| padding: 10px 10px 13px 13px; | |
| flex-grow: 0; | |
| } | |
| } | |
| .m-tabs.x-color--black .m-tabs__nav a { | |
| color: rgb(118, 118, 118); | |
| } | |
| .m-tabs.x-color--black .m-tabs__nav a:before, .m-tabs.x-color--black .m-tabs__nav a:after { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .m-tabs.x-color--black .m-tabs__nav a.is-active { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-tabs.x-color--black .m-tabs__nav a.is-active:before { | |
| width: 3px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-tabs.x-color--black .m-tabs__nav a.is-active:after { | |
| height: 3px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a { | |
| color: rgb(178, 178, 178); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a:before, .m-tabs.x-color--white .m-tabs__nav a:after { | |
| background-color: rgba(255, 255, 255, 0.3); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a.is-active { | |
| color: rgb(255, 255, 255); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a.is-active:before { | |
| width: 3px; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a.is-active:after { | |
| height: 3px; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav { | |
| border-bottom-color: rgb(255, 255, 255); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a { | |
| color: rgb(118, 118, 118); | |
| border-left-color: rgba(255, 255, 255, 0.3); | |
| } | |
| .m-tabs.x-color--white .m-tabs__nav a.is-active { | |
| color: rgb(255, 255, 255); | |
| border-left-color: rgb(255, 255, 255); | |
| } | |
| .m-toggle-group { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .m-toggle-group > * { | |
| border-bottom: 1px solid rgb(217, 217, 217); | |
| } | |
| .m-trailer, .m-trailer--vertical, .m-trailer--wide, .m-trailer--medium, .m-trailer--large { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| } | |
| .m-trailer .m-trailer__media, .m-trailer--vertical .m-trailer__media, .m-trailer--wide .m-trailer__media, .m-trailer--medium .m-trailer__media, .m-trailer--large .m-trailer__media { | |
| flex-shrink: 0; | |
| display: block; | |
| width: 100px; | |
| margin: 0 20px 0 0; | |
| } | |
| .m-trailer .m-trailer__media img, .m-trailer--vertical .m-trailer__media img, .m-trailer--wide .m-trailer__media img, .m-trailer--medium .m-trailer__media img, .m-trailer--large .m-trailer__media img { | |
| filter: grayscale(100%); | |
| transition: all 0.75s; | |
| } | |
| .m-trailer .m-trailer__media:hover img, .m-trailer--vertical .m-trailer__media:hover img, .m-trailer--wide .m-trailer__media:hover img, .m-trailer--medium .m-trailer__media:hover img, .m-trailer--large .m-trailer__media:hover img, .m-trailer .m-trailer__media:focus img, .m-trailer--vertical .m-trailer__media:focus img, .m-trailer--wide .m-trailer__media:focus img, .m-trailer--medium .m-trailer__media:focus img, .m-trailer--large .m-trailer__media:focus img { | |
| filter: grayscale(0%); | |
| } | |
| .m-trailer .m-trailer__media.x-align__right, .m-trailer--vertical .m-trailer__media.x-align__right, .m-trailer--wide .m-trailer__media.x-align__right, .m-trailer--medium .m-trailer__media.x-align__right, .m-trailer--large .m-trailer__media.x-align__right { | |
| margin: 0 0 0 20px; | |
| } | |
| .m-trailer .m-trailer__content > *, .m-trailer--vertical .m-trailer__content > *, .m-trailer--wide .m-trailer__content > *, .m-trailer--medium .m-trailer__content > *, .m-trailer--large .m-trailer__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-trailer .m-trailer__content > *:last-child, .m-trailer--vertical .m-trailer__content > *:last-child, .m-trailer--wide .m-trailer__content > *:last-child, .m-trailer--medium .m-trailer__content > *:last-child, .m-trailer--large .m-trailer__content > *:last-child, .m-trailer .m-trailer__content > *:only-child, .m-trailer--vertical .m-trailer__content > *:only-child, .m-trailer--wide .m-trailer__content > *:only-child, .m-trailer--medium .m-trailer__content > *:only-child, .m-trailer--large .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer .m-trailer__heading, .m-trailer--vertical .m-trailer__heading, .m-trailer--wide .m-trailer__heading, .m-trailer--medium .m-trailer__heading, .m-trailer--large .m-trailer__heading { | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 14px; | |
| line-height: 17px; | |
| } | |
| .m-trailer .m-trailer__heading a, .m-trailer--vertical .m-trailer__heading a, .m-trailer--wide .m-trailer__heading a, .m-trailer--medium .m-trailer__heading a, .m-trailer--large .m-trailer__heading a { | |
| text-decoration: none; | |
| border-bottom: none; | |
| transition: all 0.3s; | |
| } | |
| .m-trailer .m-trailer__heading a:hover, .m-trailer--vertical .m-trailer__heading a:hover, .m-trailer--wide .m-trailer__heading a:hover, .m-trailer--medium .m-trailer__heading a:hover, .m-trailer--large .m-trailer__heading a:hover { | |
| opacity: 0.4; | |
| } | |
| .m-trailer .m-trailer__subheading, .m-trailer--vertical .m-trailer__subheading, .m-trailer--wide .m-trailer__subheading, .m-trailer--medium .m-trailer__subheading, .m-trailer--large .m-trailer__subheading { | |
| font-weight: normal; | |
| font-size: 13px; | |
| font-style: italic; | |
| } | |
| .m-trailer .m-trailer__date, .m-trailer--vertical .m-trailer__date, .m-trailer--wide .m-trailer__date, .m-trailer--medium .m-trailer__date, .m-trailer--large .m-trailer__date { | |
| display: block; | |
| font-size: 12px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-trailer, .m-trailer--vertical, .m-trailer--wide, .m-trailer--medium, .m-trailer--large { | |
| align-items: center; | |
| } | |
| } | |
| .m-trailer--large { | |
| display: block; | |
| } | |
| .m-trailer--large .m-trailer__media { | |
| width: 140px; | |
| } | |
| .m-trailer--large .m-trailer__content { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-trailer--large .m-trailer__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--large .m-trailer__content > *:last-child, .m-trailer--large .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--large .m-trailer__heading { | |
| font-size: 20px; | |
| line-height: 24px; | |
| } | |
| .m-trailer--large .m-trailer__metadata { | |
| font-size: 13px; | |
| } | |
| .m-trailer--large .m-trailer__summary { | |
| font-size: 15px; | |
| } | |
| .m-trailer--large .m-trailer__date { | |
| display: block; | |
| font-size: 13px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-trailer--large { | |
| display: flex; | |
| align-items: flex-start; | |
| } | |
| .m-trailer--large .m-trailer__media { | |
| width: 240px; | |
| margin: 0 30px 0 0; | |
| } | |
| .m-trailer--large .m-trailer__media.x-align__right { | |
| margin: 0 0 0 30px; | |
| } | |
| .m-trailer--large .m-trailer__content { | |
| margin: 0; | |
| } | |
| } | |
| .m-trailer--medium { | |
| display: block; | |
| } | |
| .m-trailer--medium .m-trailer__media { | |
| width: 140px; | |
| } | |
| .m-trailer--medium .m-trailer__content { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-trailer--medium .m-trailer__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--medium .m-trailer__content > *:last-child, .m-trailer--medium .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--medium .m-trailer__heading { | |
| font-size: 16px; | |
| line-height: 20px; | |
| } | |
| .m-trailer--medium .m-trailer__metadata { | |
| font-size: 13px; | |
| } | |
| .m-trailer--medium .m-trailer__summary { | |
| font-size: 15px; | |
| } | |
| .m-trailer--medium .m-trailer__date { | |
| display: block; | |
| font-size: 13px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-trailer--medium { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| } | |
| .m-trailer--medium .m-trailer__media { | |
| order: 2; | |
| } | |
| .m-trailer--medium .m-trailer__content { | |
| order: 1; | |
| margin: 0; | |
| padding: 0 20px 0 0; | |
| } | |
| .m-trailer--medium .m-trailer__heading { | |
| font-size: 18px; | |
| line-height: 22px; | |
| } | |
| } | |
| .m-trailer--wide { | |
| display: block; | |
| } | |
| .m-trailer--wide .m-trailer__media { | |
| display: block; | |
| width: auto; | |
| margin: 0 0 20px 0; | |
| } | |
| .m-trailer--wide .m-trailer__media.x-align__right { | |
| margin: 0 0 0 20px; | |
| } | |
| .m-trailer--wide .m-trailer__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--wide .m-trailer__content > *:last-child, .m-trailer--wide .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--wide .m-trailer__heading { | |
| font-size: 24px; | |
| line-height: 120%; | |
| } | |
| .m-trailer--wide .m-trailer__subheading { | |
| font-size: 13px; | |
| font-style: normal; | |
| } | |
| .m-trailer--wide .m-trailer__date { | |
| font-size: 20px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-trailer--wide { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| grid-gap: 40px; | |
| } | |
| .m-trailer--wide .m-trailer__media { | |
| margin: 0; | |
| } | |
| .m-trailer--wide .m-trailer__media.x-align__right { | |
| margin: 0; | |
| } | |
| .m-trailer--wide .m-trailer__media img { | |
| min-width: 100%; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .m-trailer--wide .m-trailer__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--wide .m-trailer__content > *:last-child, .m-trailer--wide .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--wide .m-trailer__subheading:first-child { | |
| margin: 0 0 10px 0; | |
| } | |
| .m-trailer--wide .m-trailer__subheading:last-child { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-trailer--wide .m-trailer__summary { | |
| font-size: 15px; | |
| margin-top: 10px; | |
| } | |
| } | |
| .m-trailer--vertical { | |
| display: block; | |
| } | |
| .m-trailer--vertical .m-trailer__media { | |
| position: relative; | |
| width: 100%; | |
| } | |
| .m-trailer--vertical .m-trailer__media:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| display: block; | |
| height: 4px; | |
| } | |
| .m-trailer--vertical .m-trailer__media img { | |
| min-width: 100%; | |
| } | |
| .m-trailer--vertical .m-trailer__content { | |
| margin: 10px 0 0 0; | |
| } | |
| .m-trailer--vertical .m-trailer__content > * { | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--vertical .m-trailer__content > *:last-child, .m-trailer--vertical .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--vertical .m-trailer__heading { | |
| font-size: 18px; | |
| line-height: 25px; | |
| } | |
| .m-trailer--vertical .m-trailer__summary { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-trailer--vertical .m-trailer__metadata { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-trailer--vertical .m-trailer__footer { | |
| margin: 15px 0 0 0; | |
| font-size: 13px; | |
| line-height: 17px; | |
| } | |
| .m-trailer--vertical.x-color--black .m-trailer__media:after { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .m-trailer--vertical.x-color--white .m-trailer__media:after { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__content { | |
| margin: 20px 0 0 0; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__content > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__content > *:last-child, .m-trailer--vertical.x-type--full .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__heading { | |
| font-size: 22px; | |
| line-height: 26px; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__date { | |
| font-size: 18px; | |
| line-height: 21px; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__summary { | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .m-trailer--vertical.x-type--full .m-trailer__metadata { | |
| font-size: 13px; | |
| line-height: 15px; | |
| } | |
| .m-trailer--vertical.x-type--large .m-trailer__media { | |
| border-bottom: none; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .m-trailer--vertical.x-type--large .m-trailer__heading { | |
| font-size: 24px; | |
| } | |
| .m-trailer--vertical.x-type--large .m-trailer__content { | |
| margin: 15px 0 0 0; | |
| } | |
| .m-trailer--vertical.x-type--large .m-trailer__content > * { | |
| margin-bottom: 15px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--vertical.x-type--large .m-trailer__content > *:last-child, .m-trailer--vertical.x-type--large .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .m-trailer--vertical.x-pad--all .m-trailer__media { | |
| border-bottom: none; | |
| } | |
| .m-trailer--vertical.x-pad--all .m-trailer__content { | |
| margin: 0; | |
| padding: 40px; | |
| } | |
| .m-trailer--vertical.x-pad--all .m-trailer__content > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .m-trailer--vertical.x-pad--all .m-trailer__content > *:last-child, .m-trailer--vertical.x-pad--all .m-trailer__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .m-trailer--vertical.x-pad--all .m-trailer__heading { | |
| font-size: 24px; | |
| line-height: 32px; | |
| } | |
| .m-video-player { | |
| position: relative; | |
| } | |
| .m-video-player .plyr__control--overlaid { | |
| width: 38px; | |
| height: 42px; | |
| border-radius: 0; | |
| background: transparent url("/assets/img/icon-play-white.svg") center center no-repeat; | |
| } | |
| .m-video-player .plyr__control--overlaid svg { | |
| display: none; | |
| } | |
| .m-video-player .plyr__control--overlaid:hover, .m-video-player .plyr__control--overlaid.plyr__tab-focus { | |
| background: transparent url("/assets/img/icon-play-white.svg") center center no-repeat !important; | |
| } | |
| .m-video-player .plyr--video .plyr__control:hover, .m-video-player .plyr--video .plyr__control.plyr__tab-focus { | |
| background-color: rgb(0, 0, 0); | |
| box-shadow: none; | |
| } | |
| .m-video-player .plyr--full-ui input[type=range] { | |
| color: rgb(0, 0, 0); | |
| } | |
| .m-video-player.x-state--locked .plyr { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: transparent; | |
| } | |
| .m-video-player .m-video-player__paywall { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(255, 255, 255, 0.9); | |
| opacity: 0; | |
| transition: opacity 0.2s; | |
| } | |
| .m-video-player .m-video-player__paywall:hover, .m-video-player .m-video-player__paywall:focus { | |
| opacity: 1; | |
| } | |
| .o-article { | |
| position: relative; | |
| z-index: 50; | |
| } | |
| .o-article > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| max-width: 660px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .o-article > *:last-child, .o-article > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-article > *.x-content--wide { | |
| max-width: 860px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-article > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-article > *:last-child, .o-article > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .o-carousel--black, .o-carousel--white { | |
| position: relative; | |
| } | |
| .o-carousel--black .o-carousel__slides, .o-carousel--white .o-carousel__slides { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .o-carousel--black .o-carousel__slides.x-height--fixed .owl-stage, .o-carousel--white .o-carousel__slides.x-height--fixed .owl-stage { | |
| display: flex; | |
| flex-direction: flex-start; | |
| align-items: stretch; | |
| } | |
| .o-carousel--black .o-carousel__slides.x-height--fixed .owl-item > li, .o-carousel--white .o-carousel__slides.x-height--fixed .owl-item > li, | |
| .o-carousel--black .o-carousel__slides.x-height--fixed .owl-item > li > *, | |
| .o-carousel--white .o-carousel__slides.x-height--fixed .owl-item > li > * { | |
| height: 100%; | |
| } | |
| .o-carousel--black .o-carousel__prev, .o-carousel--white .o-carousel__prev, | |
| .o-carousel--black .o-carousel__next, | |
| .o-carousel--white .o-carousel__next { | |
| display: none; | |
| } | |
| .o-carousel--black .owl-stage-outer, .o-carousel--white .owl-stage-outer { | |
| margin-right: -30px; | |
| } | |
| .o-carousel--black .owl-dots, .o-carousel--white .owl-dots { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: center; | |
| align-content: stretch; | |
| margin: 20px 0 0 0; | |
| } | |
| .o-carousel--black .owl-dot, .o-carousel--white .owl-dot { | |
| flex-grow: 1; | |
| display: block; | |
| } | |
| .o-carousel--black .owl-dot span, .o-carousel--white .owl-dot span { | |
| display: block; | |
| height: 1px; | |
| transition: background-color 0.3s; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-carousel--black, .o-carousel--white { | |
| padding-bottom: 15px; | |
| } | |
| .o-carousel--black .o-carousel__prev, .o-carousel--white .o-carousel__prev, | |
| .o-carousel--black .o-carousel__next, | |
| .o-carousel--white .o-carousel__next { | |
| position: absolute; | |
| bottom: 0; | |
| z-index: 10; | |
| display: block; | |
| width: 15px; | |
| height: 30px; | |
| font-size: 0 !important; | |
| line-height: 0 !important; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: auto 100%; | |
| opacity: 0.5; | |
| transition: opacity 0.3s; | |
| } | |
| .o-carousel--black .o-carousel__prev:hover, .o-carousel--white .o-carousel__prev:hover, | |
| .o-carousel--black .o-carousel__next:hover, | |
| .o-carousel--white .o-carousel__next:hover { | |
| opacity: 1; | |
| } | |
| .o-carousel--black .o-carousel__prev, .o-carousel--white .o-carousel__prev { | |
| left: 0; | |
| } | |
| .o-carousel--black .o-carousel__next, .o-carousel--white .o-carousel__next { | |
| right: 0; | |
| } | |
| .o-carousel--black .owl-stage-outer, .o-carousel--white .owl-stage-outer { | |
| margin-right: 0; | |
| } | |
| .o-carousel--black .owl-dots, .o-carousel--white .owl-dots { | |
| margin: 48px 60px 0 60px; | |
| } | |
| } | |
| .o-carousel--white .owl-dot span { | |
| background-color: rgba(255, 255, 255, 0.15); | |
| } | |
| .o-carousel--white .owl-dot.active span { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-carousel--white .o-carousel__prev { | |
| background-image: url("/assets/img/icon-back-white.svg"); | |
| } | |
| .o-carousel--white .o-carousel__next { | |
| background-image: url("/assets/img/icon-forward-white.svg"); | |
| } | |
| .o-carousel--black .owl-dot span { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .o-carousel--black .owl-dot.active span { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-carousel--black .o-carousel__prev { | |
| background-image: url("/assets/img/icon-back-black.svg"); | |
| } | |
| .o-carousel--black .o-carousel__next { | |
| background-image: url("/assets/img/icon-forward-black.svg"); | |
| } | |
| .o-carousel--scroller { | |
| --pageMargin: 30px; | |
| --opacity: 0; | |
| } | |
| .o-carousel--scroller .o-carousel__wrap { | |
| position: relative; | |
| overflow-y: hidden; | |
| } | |
| .o-carousel--scroller .o-carousel__wrap:hover .o-carousel__prev, | |
| .o-carousel--scroller .o-carousel__wrap:hover .o-carousel__next { | |
| opacity: 1; | |
| pointer-events: auto; | |
| } | |
| .o-carousel--scroller .o-carousel__track { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| overflow-x: scroll; | |
| white-space: nowrap; | |
| scroll-snap-type: x mandatory; | |
| scroll-padding-left: var(--pageMargin); | |
| scroll-padding-right: var(--pageMargin); | |
| opacity: var(--opacity); | |
| transition: opacity 0.3s; | |
| } | |
| .o-carousel--scroller .o-carousel__track::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .o-carousel--scroller .o-carousel__track { | |
| scrollbar-width: none; | |
| } | |
| .o-carousel--scroller .o-carousel__slide { | |
| display: inline-block; | |
| width: calc(100% - 60px); | |
| max-width: 366px; | |
| margin-left: 18px; | |
| white-space: normal; | |
| scroll-snap-align: start; | |
| transition: opacity 0.3s; | |
| } | |
| .o-carousel--scroller .o-carousel__slide:first-child { | |
| margin-left: var(--pageMargin); | |
| transition: margin-left 0.3s; | |
| } | |
| .o-carousel--scroller .o-carousel__slide:last-child { | |
| margin-right: var(--pageMargin); | |
| } | |
| .o-carousel--scroller .o-carousel__slide.x-offscreen { | |
| opacity: 0.4; | |
| } | |
| .o-carousel--scroller .o-carousel__prev, | |
| .o-carousel--scroller .o-carousel__next { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| display: block; | |
| width: 60px; | |
| padding: 0; | |
| background-color: rgba(0, 0, 0, 0.7); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 20px auto; | |
| border: none; | |
| border-radius: 0; | |
| outline: none; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| transform: translate(0, -4px); | |
| transition: all 0.3s; | |
| opacity: 0; | |
| pointer-events: none; | |
| } | |
| .o-carousel--scroller .o-carousel__prev:disabled, | |
| .o-carousel--scroller .o-carousel__next:disabled { | |
| display: none; | |
| } | |
| .o-carousel--scroller .o-carousel__prev { | |
| left: 0; | |
| background-image: url("/assets/img/icon-back-white.svg"); | |
| } | |
| .o-carousel--scroller .o-carousel__next { | |
| right: 0; | |
| background-image: url("/assets/img/icon-forward-white.svg"); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-carousel--scroller .o-carousel__slide { | |
| width: calc(50% - 30px); | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-carousel--scroller .o-carousel__slide { | |
| width: calc(33.333333% - 20px); | |
| } | |
| } | |
| .o-flash-message .o-flash-message__wrap { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 40px 30px 40px 30px; | |
| } | |
| .o-flash-message .o-flash-message__wrap > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| margin-bottom: 20px; | |
| } | |
| .o-flash-message .o-flash-message__wrap > *:last-child, .o-flash-message .o-flash-message__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-flash-message .o-flash-message__wrap > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-flash-message .o-flash-message__wrap > *:last-child, .o-flash-message .o-flash-message__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .o-flash-message .x-state--error { | |
| color: rgb(208, 2, 27); | |
| } | |
| .o-footer { | |
| background: rgb(0, 0, 0) url("/assets/img/logo-fti-grey-dark.svg") right bottom no-repeat; | |
| background-size: 65px auto; | |
| } | |
| .o-footer .o-footer__wrap { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 40px 30px; | |
| } | |
| .o-footer .o-footer__wrap > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-footer .o-footer__wrap > *:last-child, .o-footer .o-footer__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-footer .o-footer__nav > *, | |
| .o-footer .o-footer__info > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-footer .o-footer__nav > *:last-child, .o-footer .o-footer__nav > *:only-child, | |
| .o-footer .o-footer__info > *:last-child, | |
| .o-footer .o-footer__info > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-footer { | |
| background-size: 140px auto; | |
| } | |
| .o-footer .o-footer__nav { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr 1fr 1fr; | |
| grid-gap: 40px; | |
| } | |
| .o-footer .o-footer__nav > * { | |
| margin: 0; | |
| } | |
| .o-footer .o-footer__info { | |
| display: grid; | |
| grid-template-columns: auto 30%; | |
| grid-gap: 40px; | |
| align-items: end; | |
| } | |
| .o-footer .o-footer__info > * { | |
| margin: 0; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-footer { | |
| background-size: 250px auto; | |
| } | |
| .o-footer .o-footer__wrap { | |
| padding: 100px 30px; | |
| } | |
| .o-footer .o-footer__wrap > * { | |
| margin-bottom: 100px; | |
| margin-top: 0; | |
| } | |
| .o-footer .o-footer__wrap > *:last-child, .o-footer .o-footer__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-footer .o-footer__nav, | |
| .o-footer .o-footer__info { | |
| grid-gap: 60px; | |
| } | |
| } | |
| .o-form .o-form__inputs, | |
| .o-form .o-form__row, | |
| .o-form .o-form__col, | |
| .o-form .o-form__heading, | |
| .o-form .o-form__divider { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-form .o-form__inputs:last-child, .o-form .o-form__inputs:only-child, | |
| .o-form .o-form__row:last-child, | |
| .o-form .o-form__row:only-child, | |
| .o-form .o-form__col:last-child, | |
| .o-form .o-form__col:only-child, | |
| .o-form .o-form__heading:last-child, | |
| .o-form .o-form__heading:only-child, | |
| .o-form .o-form__divider:last-child, | |
| .o-form .o-form__divider:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-form .o-form__heading { | |
| display: block; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-form .o-form__row { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: top; | |
| } | |
| .o-form .o-form__col { | |
| margin: 0; | |
| } | |
| .o-form .o-form__col.x-width--full { | |
| width: 100%; | |
| } | |
| .o-form .o-form__col.x-width--half { | |
| width: calc(50% - 15px); | |
| } | |
| .o-form .o-form__col.x-width--third { | |
| width: calc(33.333333% - 15px); | |
| } | |
| .o-form .o-form__col.x-width--quarter { | |
| width: calc(25% - 15px); | |
| } | |
| .o-form .o-form__col.x-width--two-thirds { | |
| width: calc(66.666666% - 15px); | |
| } | |
| .o-form .o-form__col.x-width--three-quarters { | |
| width: calc(75% - 15px); | |
| } | |
| .o-form .o-form__col.x-valign--top { | |
| padding-top: 27px; | |
| } | |
| .o-form .o-form__col.x-valign--center { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: flex-end; | |
| } | |
| .o-form .o-form__col.x-valign--bottom { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-end; | |
| align-items: flex-end; | |
| } | |
| } | |
| .o-gallery ::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .o-gallery .o-gallery__thumbs { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| margin: 10px 0 0 0; | |
| overflow-x: scroll; | |
| white-space: nowrap; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .o-gallery .o-gallery__thumbs li { | |
| display: inline-block; | |
| width: 100px; | |
| margin-right: 10px; | |
| margin-left: 0; | |
| } | |
| .o-gallery .o-gallery__thumbs li:last-child, .o-gallery .o-gallery__thumbs li:only-child { | |
| margin-right: 0; | |
| } | |
| .o-gallery .o-gallery__thumb { | |
| position: relative; | |
| } | |
| .o-gallery .o-gallery__thumb:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| display: block; | |
| background-color: rgba(0, 0, 0, 0.7); | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .o-gallery .o-gallery__thumb:hover:after, .o-gallery .o-gallery__thumb.is-active:after { | |
| opacity: 1; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-gallery .o-gallery__thumbs { | |
| margin: 20px 0 0 0; | |
| } | |
| .o-gallery .o-gallery__thumbs li { | |
| margin-right: 20px; | |
| margin-left: 0; | |
| } | |
| .o-gallery .o-gallery__thumbs li:last-child, .o-gallery .o-gallery__thumbs li:only-child { | |
| margin-right: 0; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-gallery { | |
| display: grid; | |
| grid-template-columns: auto 240px; | |
| grid-gap: 20px; | |
| } | |
| .o-gallery .o-gallery__thumbs-wrap { | |
| position: relative; | |
| } | |
| .o-gallery .o-gallery__thumbs { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| margin: 0; | |
| overflow-x: visible; | |
| overflow-y: scroll; | |
| white-space: normal; | |
| } | |
| .o-gallery .o-gallery__thumbs li { | |
| display: block; | |
| width: 100%; | |
| margin: 0; | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-gallery .o-gallery__thumbs li:last-child, .o-gallery .o-gallery__thumbs li:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .o-grid > *, | |
| .o-grid .o-grid__col > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .o-grid > *:last-child, .o-grid > *:only-child, | |
| .o-grid .o-grid__col > *:last-child, | |
| .o-grid .o-grid__col > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-grid.x-cols--sm-2 { | |
| display: grid; | |
| grid-gap: 30px; | |
| grid-template-columns: 1fr 1fr; | |
| } | |
| .o-grid.x-cols--sm-2 > * { | |
| margin: 0; | |
| } | |
| .o-grid.x-justify--center { | |
| display: grid; | |
| grid-gap: 30px; | |
| justify-items: center; | |
| } | |
| .o-grid.x-justify--center > * { | |
| max-width: 200px; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-grid.x-cols--md-2, .o-grid.x-cols--md-3, .o-grid.x-cols--md-4 { | |
| display: grid; | |
| grid-gap: 30px; | |
| } | |
| .o-grid.x-cols--md-2 > *, .o-grid.x-cols--md-3 > *, .o-grid.x-cols--md-4 > * { | |
| margin: 0; | |
| } | |
| .o-grid.x-cols--md-2 { | |
| grid-template-columns: 1fr 1fr; | |
| } | |
| .o-grid.x-cols--md-3 { | |
| grid-template-columns: 1fr 1fr 1fr; | |
| } | |
| .o-grid.x-cols--md-4 { | |
| grid-template-columns: 1fr 1fr 1fr 1fr; | |
| } | |
| .o-grid .o-grid__col > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-grid .o-grid__col > *:last-child, .o-grid .o-grid__col > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-grid.x-valign--top { | |
| align-items: start; | |
| } | |
| .o-grid.x-valign--center { | |
| align-items: center; | |
| } | |
| .o-grid.x-valign--bottom { | |
| align-items: end; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-grid.x-cols--md-2, .o-grid.x-cols--md-3, .o-grid.x-cols--md-4 { | |
| grid-gap: 60px; | |
| } | |
| .o-grid.x-cols--lg-2, .o-grid.x-cols--lg-3, .o-grid.x-cols--lg-4, .o-grid.x-cols--lg-5 { | |
| display: grid; | |
| grid-gap: 60px; | |
| } | |
| .o-grid.x-cols--lg-2 > *, .o-grid.x-cols--lg-3 > *, .o-grid.x-cols--lg-4 > *, .o-grid.x-cols--lg-5 > * { | |
| margin: 0; | |
| } | |
| .o-grid.x-cols--lg-2 { | |
| grid-template-columns: 1fr 1fr; | |
| } | |
| .o-grid.x-cols--lg-3 { | |
| grid-template-columns: 1fr 1fr 1fr; | |
| } | |
| .o-grid.x-cols--lg-4 { | |
| grid-template-columns: 1fr 1fr 1fr 1fr; | |
| } | |
| .o-grid.x-cols--lg-5 { | |
| grid-template-columns: 1fr 1fr 1fr 1fr 1fr; | |
| grid-column-gap: 30px; | |
| grid-row-gap: 60px; | |
| } | |
| .o-grid.x-margin--small { | |
| grid-gap: 30px !important; | |
| } | |
| .o-grid.x-justify--center { | |
| justify-items: stretch; | |
| } | |
| .o-grid.x-justify--center > * { | |
| max-width: 9999px; | |
| } | |
| } | |
| .o-hero, .o-hero--callout, .o-hero--main, .o-hero--sidebar-left, | |
| .o-hero--sidebar-right { | |
| position: relative; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-hero:before, .o-hero--callout:before, .o-hero--main:before, .o-hero--sidebar-left:before, | |
| .o-hero--sidebar-right:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .o-hero:after, .o-hero--callout:after, .o-hero--main:after, .o-hero--sidebar-left:after, | |
| .o-hero--sidebar-right:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: var(--opacity); | |
| } | |
| .o-hero .o-hero__overlay, .o-hero--callout .o-hero__overlay, .o-hero--main .o-hero__overlay, .o-hero--sidebar-left .o-hero__overlay, | |
| .o-hero--sidebar-right .o-hero__overlay { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 15; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .o-hero .o-hero__overlay--video, .o-hero--callout .o-hero__overlay--video, .o-hero--main .o-hero__overlay--video, .o-hero--sidebar-left .o-hero__overlay--video, | |
| .o-hero--sidebar-right .o-hero__overlay--video { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 25; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| opacity: var(--opacity); | |
| } | |
| .o-hero .o-hero__wrapper, .o-hero--callout .o-hero__wrapper, .o-hero--main .o-hero__wrapper, .o-hero--sidebar-left .o-hero__wrapper, | |
| .o-hero--sidebar-right .o-hero__wrapper { | |
| position: relative; | |
| z-index: 30; | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 80px 30px 30px 30px; | |
| } | |
| .o-hero .o-hero__wrapper > *, .o-hero--callout .o-hero__wrapper > *, .o-hero--main .o-hero__wrapper > *, .o-hero--sidebar-left .o-hero__wrapper > *, | |
| .o-hero--sidebar-right .o-hero__wrapper > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-hero .o-hero__wrapper > *:last-child, .o-hero--callout .o-hero__wrapper > *:last-child, .o-hero--main .o-hero__wrapper > *:last-child, .o-hero--sidebar-left .o-hero__wrapper > *:last-child, | |
| .o-hero--sidebar-right .o-hero__wrapper > *:last-child, .o-hero .o-hero__wrapper > *:only-child, .o-hero--callout .o-hero__wrapper > *:only-child, .o-hero--main .o-hero__wrapper > *:only-child, .o-hero--sidebar-left .o-hero__wrapper > *:only-child, | |
| .o-hero--sidebar-right .o-hero__wrapper > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-hero .o-hero__content > *, .o-hero--callout .o-hero__content > *, .o-hero--main .o-hero__content > *, .o-hero--sidebar-left .o-hero__content > *, | |
| .o-hero--sidebar-right .o-hero__content > *, | |
| .o-hero .o-hero__aside > *, | |
| .o-hero--callout .o-hero__aside > *, | |
| .o-hero--main .o-hero__aside > *, | |
| .o-hero--sidebar-left .o-hero__aside > *, | |
| .o-hero--sidebar-right .o-hero__aside > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-hero .o-hero__content > *:last-child, .o-hero--callout .o-hero__content > *:last-child, .o-hero--main .o-hero__content > *:last-child, .o-hero--sidebar-left .o-hero__content > *:last-child, | |
| .o-hero--sidebar-right .o-hero__content > *:last-child, .o-hero .o-hero__content > *:only-child, .o-hero--callout .o-hero__content > *:only-child, .o-hero--main .o-hero__content > *:only-child, .o-hero--sidebar-left .o-hero__content > *:only-child, | |
| .o-hero--sidebar-right .o-hero__content > *:only-child, | |
| .o-hero .o-hero__aside > *:last-child, | |
| .o-hero--callout .o-hero__aside > *:last-child, | |
| .o-hero--main .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:last-child, | |
| .o-hero .o-hero__aside > *:only-child, | |
| .o-hero--callout .o-hero__aside > *:only-child, | |
| .o-hero--main .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-hero .o-hero__content > *.a-heading, .o-hero--callout .o-hero__content > *.a-heading, .o-hero--main .o-hero__content > *.a-heading, .o-hero--sidebar-left .o-hero__content > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__content > *.a-heading, .o-hero .o-hero__content > .a-heading--linked, .o-hero--callout .o-hero__content > .a-heading--linked, .o-hero--main .o-hero__content > .a-heading--linked, .o-hero--sidebar-left .o-hero__content > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__content > .a-heading--linked, .o-hero .o-hero__content > *.a-text, .o-hero--callout .o-hero__content > *.a-text, .o-hero--main .o-hero__content > *.a-text, .o-hero--sidebar-left .o-hero__content > *.a-text, | |
| .o-hero--sidebar-right .o-hero__content > *.a-text, | |
| .o-hero .o-hero__aside > *.a-heading, | |
| .o-hero--callout .o-hero__aside > *.a-heading, | |
| .o-hero--main .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-heading, | |
| .o-hero .o-hero__aside > .a-heading--linked, | |
| .o-hero--callout .o-hero__aside > .a-heading--linked, | |
| .o-hero--main .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-left .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__aside > .a-heading--linked, | |
| .o-hero .o-hero__aside > *.a-text, | |
| .o-hero--callout .o-hero__aside > *.a-text, | |
| .o-hero--main .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-text { | |
| max-width: 500px; | |
| } | |
| .o-hero .o-hero__video, .o-hero--callout .o-hero__video, .o-hero--main .o-hero__video, .o-hero--sidebar-left .o-hero__video, | |
| .o-hero--sidebar-right .o-hero__video { | |
| position: absolute; | |
| left: 0; | |
| z-index: 22; | |
| min-width: 100%; | |
| min-height: var(--videoMinHeight); | |
| } | |
| .o-hero .o-hero__video-controls, .o-hero--callout .o-hero__video-controls, .o-hero--main .o-hero__video-controls, .o-hero--sidebar-left .o-hero__video-controls, | |
| .o-hero--sidebar-right .o-hero__video-controls { | |
| position: absolute; | |
| bottom: 1rem; | |
| right: 1rem; | |
| } | |
| .o-hero .o-hero__video-controls button, .o-hero--callout .o-hero__video-controls button, .o-hero--main .o-hero__video-controls button, .o-hero--sidebar-left .o-hero__video-controls button, | |
| .o-hero--sidebar-right .o-hero__video-controls button { | |
| z-index: 40; | |
| background: transparent; | |
| border: none; | |
| border-radius: 50%; | |
| padding: 0; | |
| width: 3rem; | |
| height: 3rem; | |
| color: #fff; | |
| background: black; | |
| font-size: 3rem; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| transition: all 0.3s; | |
| } | |
| .o-hero .o-hero__video-controls button:hover, .o-hero--callout .o-hero__video-controls button:hover, .o-hero--main .o-hero__video-controls button:hover, .o-hero--sidebar-left .o-hero__video-controls button:hover, | |
| .o-hero--sidebar-right .o-hero__video-controls button:hover { | |
| color: black; | |
| background: #fff; | |
| } | |
| .o-hero .o-hero__video-controls i, .o-hero--callout .o-hero__video-controls i, .o-hero--main .o-hero__video-controls i, .o-hero--sidebar-left .o-hero__video-controls i, | |
| .o-hero--sidebar-right .o-hero__video-controls i { | |
| display: block; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 0; | |
| font-size: 3.2rem; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero .o-hero__wrapper, .o-hero--callout .o-hero__wrapper, .o-hero--main .o-hero__wrapper, .o-hero--sidebar-left .o-hero__wrapper, | |
| .o-hero--sidebar-right .o-hero__wrapper { | |
| display: grid; | |
| min-height: 430px; | |
| padding: 30px; | |
| } | |
| .o-hero .o-hero__wrapper > *, .o-hero--callout .o-hero__wrapper > *, .o-hero--main .o-hero__wrapper > *, .o-hero--sidebar-left .o-hero__wrapper > *, | |
| .o-hero--sidebar-right .o-hero__wrapper > * { | |
| margin: 0; | |
| } | |
| .o-hero .o-hero__content, .o-hero--callout .o-hero__content, .o-hero--main .o-hero__content, .o-hero--sidebar-left .o-hero__content, | |
| .o-hero--sidebar-right .o-hero__content, | |
| .o-hero .o-hero__aside, | |
| .o-hero--callout .o-hero__aside, | |
| .o-hero--main .o-hero__aside, | |
| .o-hero--sidebar-left .o-hero__aside, | |
| .o-hero--sidebar-right .o-hero__aside { | |
| align-self: center; | |
| } | |
| .o-hero .o-hero__content > *, .o-hero--callout .o-hero__content > *, .o-hero--main .o-hero__content > *, .o-hero--sidebar-left .o-hero__content > *, | |
| .o-hero--sidebar-right .o-hero__content > *, | |
| .o-hero .o-hero__aside > *, | |
| .o-hero--callout .o-hero__aside > *, | |
| .o-hero--main .o-hero__aside > *, | |
| .o-hero--sidebar-left .o-hero__aside > *, | |
| .o-hero--sidebar-right .o-hero__aside > * { | |
| margin-bottom: 30px; | |
| margin-top: 0; | |
| } | |
| .o-hero .o-hero__content > *:last-child, .o-hero--callout .o-hero__content > *:last-child, .o-hero--main .o-hero__content > *:last-child, .o-hero--sidebar-left .o-hero__content > *:last-child, | |
| .o-hero--sidebar-right .o-hero__content > *:last-child, .o-hero .o-hero__content > *:only-child, .o-hero--callout .o-hero__content > *:only-child, .o-hero--main .o-hero__content > *:only-child, .o-hero--sidebar-left .o-hero__content > *:only-child, | |
| .o-hero--sidebar-right .o-hero__content > *:only-child, | |
| .o-hero .o-hero__aside > *:last-child, | |
| .o-hero--callout .o-hero__aside > *:last-child, | |
| .o-hero--main .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:last-child, | |
| .o-hero .o-hero__aside > *:only-child, | |
| .o-hero--callout .o-hero__aside > *:only-child, | |
| .o-hero--main .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-hero .o-hero__content > *.a-heading, .o-hero--callout .o-hero__content > *.a-heading, .o-hero--main .o-hero__content > *.a-heading, .o-hero--sidebar-left .o-hero__content > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__content > *.a-heading, .o-hero .o-hero__content > .a-heading--linked, .o-hero--callout .o-hero__content > .a-heading--linked, .o-hero--main .o-hero__content > .a-heading--linked, .o-hero--sidebar-left .o-hero__content > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__content > .a-heading--linked, .o-hero .o-hero__content > *.a-text, .o-hero--callout .o-hero__content > *.a-text, .o-hero--main .o-hero__content > *.a-text, .o-hero--sidebar-left .o-hero__content > *.a-text, | |
| .o-hero--sidebar-right .o-hero__content > *.a-text, | |
| .o-hero .o-hero__aside > *.a-heading, | |
| .o-hero--callout .o-hero__aside > *.a-heading, | |
| .o-hero--main .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-heading, | |
| .o-hero .o-hero__aside > .a-heading--linked, | |
| .o-hero--callout .o-hero__aside > .a-heading--linked, | |
| .o-hero--main .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-left .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__aside > .a-heading--linked, | |
| .o-hero .o-hero__aside > *.a-text, | |
| .o-hero--callout .o-hero__aside > *.a-text, | |
| .o-hero--main .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-text { | |
| max-width: 600px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-hero .o-hero__wrapper, .o-hero--callout .o-hero__wrapper, .o-hero--main .o-hero__wrapper, .o-hero--sidebar-left .o-hero__wrapper, | |
| .o-hero--sidebar-right .o-hero__wrapper { | |
| min-height: 720px; | |
| } | |
| .o-hero .o-hero__content, .o-hero--callout .o-hero__content, .o-hero--main .o-hero__content, .o-hero--sidebar-left .o-hero__content, | |
| .o-hero--sidebar-right .o-hero__content, | |
| .o-hero .o-hero__aside, | |
| .o-hero--callout .o-hero__aside, | |
| .o-hero--main .o-hero__aside, | |
| .o-hero--sidebar-left .o-hero__aside, | |
| .o-hero--sidebar-right .o-hero__aside { | |
| align-self: center; | |
| } | |
| .o-hero .o-hero__content > *, .o-hero--callout .o-hero__content > *, .o-hero--main .o-hero__content > *, .o-hero--sidebar-left .o-hero__content > *, | |
| .o-hero--sidebar-right .o-hero__content > *, | |
| .o-hero .o-hero__aside > *, | |
| .o-hero--callout .o-hero__aside > *, | |
| .o-hero--main .o-hero__aside > *, | |
| .o-hero--sidebar-left .o-hero__aside > *, | |
| .o-hero--sidebar-right .o-hero__aside > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-hero .o-hero__content > *:last-child, .o-hero--callout .o-hero__content > *:last-child, .o-hero--main .o-hero__content > *:last-child, .o-hero--sidebar-left .o-hero__content > *:last-child, | |
| .o-hero--sidebar-right .o-hero__content > *:last-child, .o-hero .o-hero__content > *:only-child, .o-hero--callout .o-hero__content > *:only-child, .o-hero--main .o-hero__content > *:only-child, .o-hero--sidebar-left .o-hero__content > *:only-child, | |
| .o-hero--sidebar-right .o-hero__content > *:only-child, | |
| .o-hero .o-hero__aside > *:last-child, | |
| .o-hero--callout .o-hero__aside > *:last-child, | |
| .o-hero--main .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:last-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:last-child, | |
| .o-hero .o-hero__aside > *:only-child, | |
| .o-hero--callout .o-hero__aside > *:only-child, | |
| .o-hero--main .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-left .o-hero__aside > *:only-child, | |
| .o-hero--sidebar-right .o-hero__aside > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-hero .o-hero__content > *.a-heading, .o-hero--callout .o-hero__content > *.a-heading, .o-hero--main .o-hero__content > *.a-heading, .o-hero--sidebar-left .o-hero__content > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__content > *.a-heading, .o-hero .o-hero__content > .a-heading--linked, .o-hero--callout .o-hero__content > .a-heading--linked, .o-hero--main .o-hero__content > .a-heading--linked, .o-hero--sidebar-left .o-hero__content > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__content > .a-heading--linked, .o-hero .o-hero__content > *.a-text, .o-hero--callout .o-hero__content > *.a-text, .o-hero--main .o-hero__content > *.a-text, .o-hero--sidebar-left .o-hero__content > *.a-text, | |
| .o-hero--sidebar-right .o-hero__content > *.a-text, | |
| .o-hero .o-hero__aside > *.a-heading, | |
| .o-hero--callout .o-hero__aside > *.a-heading, | |
| .o-hero--main .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-heading, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-heading, | |
| .o-hero .o-hero__aside > .a-heading--linked, | |
| .o-hero--callout .o-hero__aside > .a-heading--linked, | |
| .o-hero--main .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-left .o-hero__aside > .a-heading--linked, | |
| .o-hero--sidebar-right .o-hero__aside > .a-heading--linked, | |
| .o-hero .o-hero__aside > *.a-text, | |
| .o-hero--callout .o-hero__aside > *.a-text, | |
| .o-hero--main .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-left .o-hero__aside > *.a-text, | |
| .o-hero--sidebar-right .o-hero__aside > *.a-text { | |
| max-width: 940px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero--sidebar-left .o-hero__content, | |
| .o-hero--sidebar-right .o-hero__content { | |
| grid-area: content; | |
| align-self: center; | |
| } | |
| .o-hero--sidebar-left .o-hero__aside, | |
| .o-hero--sidebar-right .o-hero__aside { | |
| grid-area: sidebar; | |
| align-self: center; | |
| } | |
| } | |
| .o-hero--main { | |
| z-index: 0; | |
| } | |
| .o-hero--main .o-hero__content > *.a-heading, .o-hero--main .o-hero__content > .a-heading--linked, .o-hero--main .o-hero__content > *.a-text, | |
| .o-hero--main .o-hero__aside > *.a-heading, | |
| .o-hero--main .o-hero__aside > .a-heading--linked, | |
| .o-hero--main .o-hero__aside > *.a-text { | |
| max-width: 100%; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero--main .o-hero__wrapper { | |
| padding: 80px 30px 30px 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-hero--main .o-hero__wrapper { | |
| min-height: 600px; | |
| } | |
| .o-hero--main .o-hero__content > * { | |
| margin-bottom: 24px; | |
| margin-top: 0; | |
| } | |
| .o-hero--main .o-hero__content > *:last-child, .o-hero--main .o-hero__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .o-hero--callout { | |
| z-index: 0; | |
| } | |
| .o-hero--callout .o-hero__wrapper { | |
| padding: 30px; | |
| } | |
| .o-hero--callout .o-hero__content > *.a-heading, .o-hero--callout .o-hero__content > .a-heading--linked, .o-hero--callout .o-hero__content > *.a-text, | |
| .o-hero--callout .o-hero__aside > *.a-heading, | |
| .o-hero--callout .o-hero__aside > .a-heading--linked, | |
| .o-hero--callout .o-hero__aside > *.a-text { | |
| max-width: 100%; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero--callout .o-hero__wrapper { | |
| min-height: 380px; | |
| padding: 70px 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-hero--callout .o-hero__wrapper { | |
| min-height: 430px; | |
| padding: 100px 30px; | |
| } | |
| .o-hero--callout .o-hero__content > * { | |
| margin-bottom: 24px; | |
| margin-top: 0; | |
| } | |
| .o-hero--callout .o-hero__content > *:last-child, .o-hero--callout .o-hero__content > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero--sidebar-left .o-hero__wrapper { | |
| grid-template-columns: 40% auto; | |
| grid-template-areas: "sidebar content"; | |
| grid-gap: 40px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-hero--sidebar-left .o-hero__wrapper { | |
| grid-template-columns: 30% auto; | |
| grid-gap: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-hero--sidebar-right .o-hero__wrapper { | |
| grid-template-columns: auto 40%; | |
| grid-template-areas: "content sidebar"; | |
| grid-gap: 40px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-hero--sidebar-right .o-hero__wrapper { | |
| grid-template-columns: auto 30%; | |
| grid-gap: 100px; | |
| } | |
| } | |
| .o-masthead { | |
| position: relative; | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| height: 45px; | |
| transition: all 0.3s; | |
| } | |
| .o-masthead .o-masthead__logo, | |
| .o-masthead .o-masthead__aux-nav { | |
| position: relative; | |
| z-index: 20; | |
| } | |
| .o-masthead .o-masthead__logo { | |
| margin: 21px 0 0 24px; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-masthead { | |
| align-items: flex-start; | |
| } | |
| .o-masthead .o-masthead__logo { | |
| margin: 20px 0 0 10px; | |
| } | |
| } | |
| .o-navigation--black, .o-navigation--white { | |
| position: relative; | |
| overflow-x: hidden; | |
| height: 100%; | |
| padding: 50px 0 0 0; | |
| border-left-style: solid; | |
| border-left-width: 3px; | |
| } | |
| .o-navigation--black ul, .o-navigation--white ul { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .o-navigation--black li, .o-navigation--white li { | |
| border-bottom-style: solid; | |
| border-bottom-width: 1px; | |
| } | |
| .o-navigation--black li:first-child, .o-navigation--white li:first-child { | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| } | |
| .o-navigation--black a, .o-navigation--white a { | |
| display: block; | |
| padding: 11px 18px 10px 18px; | |
| font-size: 13px; | |
| font-weight: normal; | |
| text-decoration: none; | |
| line-height: 22px; | |
| } | |
| .o-navigation--black .o-navigation__parent, .o-navigation--white .o-navigation__parent { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .o-navigation--black .o-navigation__parent:after, .o-navigation--white .o-navigation__parent:after { | |
| content: ""; | |
| display: inline-block; | |
| width: 8px; | |
| height: 22px; | |
| margin: 0 0 0 10px; | |
| background-position: right center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| } | |
| .o-navigation--black .o-navigation__back, .o-navigation--white .o-navigation__back { | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: center; | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| } | |
| .o-navigation--black .o-navigation__back:before, .o-navigation--white .o-navigation__back:before { | |
| content: ""; | |
| display: inline-block; | |
| width: 8px; | |
| height: 22px; | |
| margin: 0 10px 0 0; | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| } | |
| .o-navigation--black .o-navigation__child, .o-navigation--white .o-navigation__child { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 50px; | |
| bottom: 0; | |
| border-left-style: solid; | |
| border-left-width: 3px; | |
| transform: translate3d(100%, 0, 0); | |
| transition: transform 0.3s; | |
| } | |
| .o-navigation--black .o-navigation__child.is-active, .o-navigation--white .o-navigation__child.is-active { | |
| transform: translate3d(-3px, 0, 0); | |
| } | |
| .o-navigation--black .o-navigation__header, .o-navigation--white .o-navigation__header { | |
| display: block; | |
| padding: 20px 18px 21px 18px; | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| } | |
| .o-navigation--black .o-navigation__header > *, .o-navigation--white .o-navigation__header > * { | |
| margin: 0; | |
| } | |
| .o-navigation--black .o-navigation__heading, .o-navigation--white .o-navigation__heading { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 15px; | |
| } | |
| .o-navigation--black .o-navigation__summary, .o-navigation--white .o-navigation__summary { | |
| font-size: 11px; | |
| line-height: 17px; | |
| } | |
| .o-navigation--black .o-navigation__summary > *, .o-navigation--white .o-navigation__summary > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .o-navigation--black .o-navigation__summary > *:last-child, .o-navigation--white .o-navigation__summary > *:last-child, .o-navigation--black .o-navigation__summary > *:only-child, .o-navigation--white .o-navigation__summary > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-navigation--black, .o-navigation--white { | |
| position: static; | |
| overflow-x: visible; | |
| padding: 0 180px; | |
| border-left: none; | |
| background-color: transparent !important; | |
| } | |
| .o-navigation--black .o-navigation__menu > li, .o-navigation--white .o-navigation__menu > li { | |
| display: inline-block; | |
| border-top: none; | |
| border-bottom: none; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a, .o-navigation--white .o-navigation__menu > li > a { | |
| position: relative; | |
| z-index: 20; | |
| display: flex; | |
| flex-direction: column; | |
| flex-wrap: nowrap; | |
| justify-content: flex-end; | |
| align-items: flex-start; | |
| min-width: 90px; | |
| height: 50px; | |
| padding: 0 40px 5px 13px; | |
| font-weight: bold; | |
| font-size: 13px; | |
| text-decoration: none; | |
| line-height: 100%; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a:before, .o-navigation--white .o-navigation__menu > li > a:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| width: 1px; | |
| transition: all 0.3s; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.o-navigation__parent:after, .o-navigation--white .o-navigation__menu > li > a.o-navigation__parent:after { | |
| display: none; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.is-current:before, .o-navigation--white .o-navigation__menu > li > a.is-current:before { | |
| width: 3px; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.is-inactive:before, .o-navigation--white .o-navigation__menu > li > a.is-inactive:before { | |
| width: 1px; | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.is-active:before, .o-navigation--white .o-navigation__menu > li > a.is-active:before { | |
| width: 3px; | |
| } | |
| .o-navigation--black .o-navigation__child, .o-navigation--white .o-navigation__child { | |
| top: 0; | |
| bottom: auto; | |
| z-index: 10; | |
| display: flex; | |
| flex-direction: row; | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| padding: 90px 110px 45px 110px; | |
| border-left: none; | |
| border-bottom-style: solid; | |
| border-bottom-width: 3px; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| .o-navigation--black .o-navigation__child.is-active, .o-navigation--white .o-navigation__child.is-active { | |
| transform: translate3d(0, 0, 0); | |
| transition-delay: 0.3s; | |
| } | |
| .o-navigation--black .o-navigation__back, .o-navigation--white .o-navigation__back { | |
| display: none; | |
| } | |
| .o-navigation--black .o-navigation__heading, .o-navigation--white .o-navigation__heading { | |
| margin: 0; | |
| font-size: 18px; | |
| } | |
| .o-navigation--black .o-navigation__summary, .o-navigation--white .o-navigation__summary { | |
| margin: 0; | |
| font-size: 15px; | |
| line-height: 22px; | |
| } | |
| .o-navigation--black .o-navigation__summary > *, .o-navigation--white .o-navigation__summary > * { | |
| margin-bottom: 15px; | |
| margin-top: 0; | |
| } | |
| .o-navigation--black .o-navigation__summary > *:last-child, .o-navigation--white .o-navigation__summary > *:last-child, .o-navigation--black .o-navigation__summary > *:only-child, .o-navigation--white .o-navigation__summary > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-navigation--black .o-navigation__header, .o-navigation--white .o-navigation__header { | |
| width: 340px; | |
| margin: 0 50px 0 0; | |
| padding: 0; | |
| border-top: none; | |
| } | |
| .o-navigation--black .o-navigation__header > *, .o-navigation--white .o-navigation__header > * { | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| } | |
| .o-navigation--black .o-navigation__header > *:last-child, .o-navigation--white .o-navigation__header > *:last-child, .o-navigation--black .o-navigation__header > *:only-child, .o-navigation--white .o-navigation__header > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-navigation--black .o-navigation__links, .o-navigation--white .o-navigation__links { | |
| width: 240px; | |
| flex-shrink: 0; | |
| } | |
| .o-navigation--black .o-navigation__links a, .o-navigation--white .o-navigation__links a { | |
| padding: 11px 0; | |
| font-size: 15px; | |
| } | |
| } | |
| .o-navigation--white { | |
| color: rgb(255, 255, 255); | |
| background-color: rgb(0, 0, 0); | |
| border-color: rgb(255, 255, 255); | |
| } | |
| .o-navigation--white li, | |
| .o-navigation--white .o-navigation__back, | |
| .o-navigation--white .o-navigation__header { | |
| border-color: rgba(255, 255, 255, 0.3); | |
| } | |
| .o-navigation--white a { | |
| color: rgb(255, 255, 255); | |
| transition: color 0.3s; | |
| } | |
| .o-navigation--white a:focus, .o-navigation--white a:hover { | |
| color: rgba(255, 255, 255, 0.7); | |
| } | |
| .o-navigation--white .o-navigation__parent:after { | |
| background-image: url("/assets/img/icon-forward-white.svg"); | |
| } | |
| .o-navigation--white .o-navigation__back:before { | |
| background-image: url("/assets/img/icon-back-white.svg"); | |
| } | |
| .o-navigation--white .o-navigation__child { | |
| background-color: rgb(0, 0, 0); | |
| border-color: rgb(255, 255, 255); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-navigation--white .o-navigation__menu > li > a:before { | |
| background-color: rgba(255, 255, 255, 0.15); | |
| } | |
| .o-navigation--white .o-navigation__menu > li > a:focus:before, .o-navigation--white .o-navigation__menu > li > a:hover:before, .o-navigation--white .o-navigation__menu > li > a.is-current:before { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-navigation--white .o-navigation__menu > li > a.is-inactive:before { | |
| background-color: rgba(255, 255, 255, 0.15); | |
| } | |
| .o-navigation--white .o-navigation__menu > li > a.is-active:before { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-navigation--white .o-navigation__child { | |
| background-color: rgba(0, 0, 0, 0.9); | |
| } | |
| } | |
| .o-navigation--black { | |
| color: rgb(0, 0, 0); | |
| background-color: rgb(255, 255, 255); | |
| border-color: rgb(0, 0, 0); | |
| } | |
| .o-navigation--black li, | |
| .o-navigation--black .o-navigation__back, | |
| .o-navigation--black .o-navigation__header { | |
| border-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .o-navigation--black a { | |
| color: rgb(0, 0, 0); | |
| transition: color 0.3s; | |
| } | |
| .o-navigation--black a:focus, .o-navigation--black a:hover { | |
| color: rgba(0, 0, 0, 0.65); | |
| } | |
| .o-navigation--black .o-navigation__parent:after { | |
| background-image: url("/assets/img/icon-forward-black.svg"); | |
| } | |
| .o-navigation--black .o-navigation__back:before { | |
| background-image: url("/assets/img/icon-back-black.svg"); | |
| } | |
| .o-navigation--black .o-navigation__child { | |
| background-color: rgb(255, 255, 255); | |
| border-color: rgb(0, 0, 0); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-navigation--black .o-navigation__menu > li > a:before { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a:focus:before, .o-navigation--black .o-navigation__menu > li > a:hover:before, .o-navigation--black .o-navigation__menu > li > a.is-current:before { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.is-inactive:before { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .o-navigation--black .o-navigation__menu > li > a.is-active:before { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-navigation--black .o-navigation__child { | |
| background-color: rgba(255, 255, 255, 0.95); | |
| } | |
| } | |
| .o-page-header, .o-page-header--overlay-tall, .o-page-header--overlay, .o-page-header--border { | |
| padding: 85px 30px 40px 30px; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-page-header .o-page-header__wrap, .o-page-header--overlay-tall .o-page-header__wrap, .o-page-header--overlay .o-page-header__wrap, .o-page-header--border .o-page-header__wrap { | |
| max-width: 1140px; | |
| margin: 0 auto; | |
| } | |
| .o-page-header .o-page-header__wrap > *, .o-page-header--overlay-tall .o-page-header__wrap > *, .o-page-header--overlay .o-page-header__wrap > *, .o-page-header--border .o-page-header__wrap > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-page-header .o-page-header__wrap > *:last-child, .o-page-header--overlay-tall .o-page-header__wrap > *:last-child, .o-page-header--overlay .o-page-header__wrap > *:last-child, .o-page-header--border .o-page-header__wrap > *:last-child, .o-page-header .o-page-header__wrap > *:only-child, .o-page-header--overlay-tall .o-page-header__wrap > *:only-child, .o-page-header--overlay .o-page-header__wrap > *:only-child, .o-page-header--border .o-page-header__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-page-header .o-page-header__search > *, .o-page-header--overlay-tall .o-page-header__search > *, .o-page-header--overlay .o-page-header__search > *, .o-page-header--border .o-page-header__search > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-page-header .o-page-header__search > *:last-child, .o-page-header--overlay-tall .o-page-header__search > *:last-child, .o-page-header--overlay .o-page-header__search > *:last-child, .o-page-header--border .o-page-header__search > *:last-child, .o-page-header .o-page-header__search > *:only-child, .o-page-header--overlay-tall .o-page-header__search > *:only-child, .o-page-header--overlay .o-page-header__search > *:only-child, .o-page-header--border .o-page-header__search > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-page-header .o-page-header__search .o-page-header__heading, .o-page-header--overlay-tall .o-page-header__search .o-page-header__heading, .o-page-header--overlay .o-page-header__search .o-page-header__heading, .o-page-header--border .o-page-header__search .o-page-header__heading { | |
| font-size: 24px; | |
| } | |
| .o-page-header .o-page-header__search .o-page-header__heading .fa, .o-page-header--overlay-tall .o-page-header__search .o-page-header__heading .fa, .o-page-header--overlay .o-page-header__search .o-page-header__heading .fa, .o-page-header--border .o-page-header__search .o-page-header__heading .fa { | |
| margin: 0 5px 0 0; | |
| } | |
| .o-page-header.x-bg-color--grey-light, .x-bg-color--grey-light.o-page-header--overlay-tall, .x-bg-color--grey-light.o-page-header--overlay, .x-bg-color--grey-light.o-page-header--border { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-page-header .o-page-header__wrap > *, .o-page-header--overlay-tall .o-page-header__wrap > *, .o-page-header--overlay .o-page-header__wrap > *, .o-page-header--border .o-page-header__wrap > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-page-header .o-page-header__wrap > *:last-child, .o-page-header--overlay-tall .o-page-header__wrap > *:last-child, .o-page-header--overlay .o-page-header__wrap > *:last-child, .o-page-header--border .o-page-header__wrap > *:last-child, .o-page-header .o-page-header__wrap > *:only-child, .o-page-header--overlay-tall .o-page-header__wrap > *:only-child, .o-page-header--overlay .o-page-header__wrap > *:only-child, .o-page-header--border .o-page-header__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-page-header .o-page-header__search, .o-page-header--overlay-tall .o-page-header__search, .o-page-header--overlay .o-page-header__search, .o-page-header--border .o-page-header__search { | |
| display: flex; | |
| flex-direction: row-reverse; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .o-page-header .o-page-header__search > *, .o-page-header--overlay-tall .o-page-header__search > *, .o-page-header--overlay .o-page-header__search > *, .o-page-header--border .o-page-header__search > * { | |
| margin: 0; | |
| } | |
| .o-page-header .o-page-header__search input[type=text], .o-page-header--overlay-tall .o-page-header__search input[type=text], .o-page-header--overlay .o-page-header__search input[type=text], .o-page-header--border .o-page-header__search input[type=text], | |
| .o-page-header .o-page-header__search input[type=search], | |
| .o-page-header--overlay-tall .o-page-header__search input[type=search], | |
| .o-page-header--overlay .o-page-header__search input[type=search], | |
| .o-page-header--border .o-page-header__search input[type=search] { | |
| width: 540px; | |
| } | |
| .o-page-header .o-page-header__search .o-page-header__heading, .o-page-header--overlay-tall .o-page-header__search .o-page-header__heading, .o-page-header--overlay .o-page-header__search .o-page-header__heading, .o-page-header--border .o-page-header__search .o-page-header__heading { | |
| font-size: 40px; | |
| } | |
| .o-page-header .o-page-header__search .o-page-header__heading .fa, .o-page-header--overlay-tall .o-page-header__search .o-page-header__heading .fa, .o-page-header--overlay .o-page-header__search .o-page-header__heading .fa, .o-page-header--border .o-page-header__search .o-page-header__heading .fa { | |
| margin: 0 10px 0 0; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-page-header, .o-page-header--overlay-tall, .o-page-header--overlay, .o-page-header--border { | |
| padding: 150px 30px 100px 30px; | |
| } | |
| .o-page-header.x-pad-bottom--small, .x-pad-bottom--small.o-page-header--overlay-tall, .x-pad-bottom--small.o-page-header--overlay, .x-pad-bottom--small.o-page-header--border { | |
| padding: 150px 30px 60px 30px; | |
| } | |
| .o-page-header .o-page-header__nav, .o-page-header--overlay-tall .o-page-header__nav, .o-page-header--overlay .o-page-header__nav, .o-page-header--border .o-page-header__nav { | |
| margin-top: 60px; | |
| } | |
| } | |
| .o-page-header--border .o-page-header__wrap { | |
| padding: 0 0 40px 0; | |
| border-bottom: 1px solid rgb(242, 242, 242); | |
| } | |
| .o-page-header--border.x-bg-color--grey-light .o-page-header__wrap { | |
| border-bottom: 1px solid rgb(178, 178, 178); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-page-header--border .o-page-header__wrap { | |
| padding: 0 0 60px 0; | |
| } | |
| } | |
| .o-page-header--overlay { | |
| position: relative; | |
| margin: 0; | |
| padding: 85px 30px 80px 30px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-page-header--overlay:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .o-page-header--overlay:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: var(--opacity); | |
| } | |
| .o-page-header--overlay .o-page-header__overlay { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 15; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .o-page-header--overlay .o-page-header__wrap { | |
| position: relative; | |
| z-index: 30; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-page-header--overlay { | |
| margin: 0; | |
| padding: 85px 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-page-header--overlay { | |
| margin: 0; | |
| padding: 150px 30px 100px 30px; | |
| } | |
| } | |
| .o-page-header--overlay-tall { | |
| position: relative; | |
| margin: 0 0 -40px 0; | |
| padding: 85px 30px 80px 30px; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-page-header--overlay-tall:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .o-page-header--overlay-tall:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: var(--opacity); | |
| } | |
| .o-page-header--overlay-tall .o-page-header__wrap { | |
| position: relative; | |
| z-index: 30; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-page-header--overlay-tall { | |
| margin: 0 0 -80px 0; | |
| padding: 85px 30px 120px 30px; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-page-header--overlay-tall { | |
| margin: 0 0 -150px 0; | |
| padding: 150px 30px 250px 30px; | |
| } | |
| } | |
| .o-panel-group .o-panel-group__row, | |
| .o-panel-group .o-panel-group__row > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-panel-group .o-panel-group__row:last-child, .o-panel-group .o-panel-group__row:only-child, | |
| .o-panel-group .o-panel-group__row > *:last-child, | |
| .o-panel-group .o-panel-group__row > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-panel-group .o-panel-group__row { | |
| display: grid; | |
| grid-gap: 20px; | |
| } | |
| .o-panel-group .o-panel-group__row > * { | |
| margin: 0; | |
| } | |
| .o-panel-group .o-panel-group__row.x-cols--2 { | |
| grid-template-columns: 1fr 1fr; | |
| } | |
| .o-panel-group .o-panel-group__row.x-cols--1 { | |
| grid-template-columns: 1fr; | |
| } | |
| } | |
| .o-paper { | |
| padding: 85px 30px 40px 30px; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-paper .o-paper__wrap { | |
| position: relative; | |
| max-width: 1140px; | |
| margin: 0 auto; | |
| padding: 60px 0 0 0; | |
| border: 1px solid rgb(178, 178, 178); | |
| } | |
| .o-paper .o-paper__link { | |
| position: absolute; | |
| right: -1px; | |
| top: -1px; | |
| } | |
| .o-paper .o-paper__header { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| padding: 0 30px; | |
| } | |
| .o-paper .o-paper__heading { | |
| margin: 0; | |
| } | |
| .o-paper .o-paper__subheading { | |
| margin: 10px 0 0 0; | |
| } | |
| .o-paper .o-paper__metadata { | |
| margin: 30px 0 0 0; | |
| } | |
| .o-paper .o-paper__info { | |
| margin: 20px 0 0 0; | |
| } | |
| .o-paper .o-paper__content { | |
| max-width: 1000px; | |
| margin: 30px auto; | |
| padding: 0 30px; | |
| } | |
| .o-paper .o-paper__footer { | |
| padding: 30px; | |
| text-align: center; | |
| background-color: rgb(242, 242, 242); | |
| border-top: 1px solid rgb(178, 178, 178); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-paper { | |
| padding: 144px 30px 40px 30px; | |
| /*.o-paper__wrap { | |
| padding: 120px 0 0 0; | |
| }*/ | |
| /*.o-paper__metadata { | |
| margin: 60px 0 0 0; | |
| }*/ | |
| /*.o-paper__content { | |
| margin: 100px auto; | |
| }*/ | |
| } | |
| .o-paper .o-paper__info { | |
| margin: 40px 0 0 0; | |
| } | |
| } | |
| .o-paper--pdf { | |
| padding: 70px; | |
| max-width: 800px; | |
| overflow-x: hidden; | |
| } | |
| .o-paper--pdf .o-paper--header { | |
| margin: 0 0 40px 0; | |
| } | |
| .o-paper--pdf .o-paper__heading { | |
| margin-top: 0; | |
| font-size: 27pt; | |
| font-weight: bold; | |
| line-height: 110%; | |
| } | |
| .o-paper--pdf .o-paper__subheading { | |
| font-size: 21pt; | |
| font-weight: normal; | |
| line-height: 110%; | |
| } | |
| .o-paper--pdf .o-paper__authors { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .o-paper--pdf .o-paper__authors li { | |
| display: table; | |
| margin-bottom: 5px; | |
| margin-top: 0; | |
| } | |
| .o-paper--pdf .o-paper__authors li:last-child, .o-paper--pdf .o-paper__authors li:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-paper--pdf .o-paper__author { | |
| display: table-row; | |
| } | |
| .o-paper--pdf .o-paper__author-media { | |
| display: table-cell; | |
| vertical-align: middle; | |
| margin: 0; | |
| padding: 0; | |
| min-width: 150px; | |
| } | |
| .o-paper--pdf .o-paper__author-media img { | |
| filter: grayscale(100%); | |
| } | |
| .o-paper--pdf .o-paper__author-media-default { | |
| width: 100px; | |
| height: 100px; | |
| background: rgb(178, 178, 178) url("/assets/img/bkg-profile-individual.svg") center center no-repeat; | |
| } | |
| .o-paper--pdf .o-paper__author-info { | |
| display: table-cell; | |
| margin: 0; | |
| padding: 5px 5px 5px 20px; | |
| vertical-align: middle; | |
| } | |
| .o-paper--pdf .o-paper__author-info > * { | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| font-size: 9pt; | |
| font-weight: bold; | |
| line-height: 150%; | |
| } | |
| .o-paper--pdf .o-paper__author-info > *:last-child, .o-paper--pdf .o-paper__author-info > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-paper--pdf .o-paper__content { | |
| font-size: 9pt; | |
| line-height: 150%; | |
| } | |
| .o-paper--pdf .o-paper__content h2, | |
| .o-paper--pdf .o-paper__content h3, | |
| .o-paper--pdf .o-paper__content h4, | |
| .o-paper--pdf .o-paper__content h5 { | |
| font-size: 9pt; | |
| } | |
| .o-paper--pdf .o-paper__content .o-paper__content-heading { | |
| margin: 30px 0 0 0; | |
| text-transform: uppercase; | |
| } | |
| .o-paper--pdf .o-paper__content ul, | |
| .o-paper--pdf .o-paper__content ol { | |
| margin: 20px 0; | |
| } | |
| .o-paper--pdf .o-paper__content ul li, | |
| .o-paper--pdf .o-paper__content ol li { | |
| padding-left: 10px; | |
| } | |
| .o-paper--pdf .o-paper__content .o-paper__footnotes { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| margin: 12px 0; | |
| } | |
| .o-paper--pdf .o-paper__content .o-paper__footnotes li { | |
| padding-left: 0; | |
| } | |
| .o-paper--pdf .o-paper__content figure { | |
| margin: 20px 0; | |
| } | |
| .o-paper--pdf .o-paper__content figure figcaption { | |
| display: block; | |
| margin: 5px 0 0 0; | |
| font-size: 6pt; | |
| font-style: italic; | |
| text-align: center; | |
| line-height: 130%; | |
| color: rgb(58, 58, 58); | |
| } | |
| .o-paper--pdf .o-paper__content a { | |
| word-break: break-word; | |
| } | |
| .o-paper__table { | |
| overflow-x: scroll; | |
| } | |
| .o-paper__table.a-table table { | |
| display: table; | |
| } | |
| .o-paper__table.a-table.x-type--fluid { | |
| table-layout: auto; | |
| } | |
| .o-paper__table.a-table th, | |
| .o-paper__table.a-table td { | |
| display: table-cell; | |
| vertical-align: top; | |
| } | |
| .o-paper__table.a-table tr { | |
| display: table-row; | |
| border: none; | |
| } | |
| .o-paper__table.a-table td { | |
| width: auto; | |
| position: static; | |
| padding: 5px; | |
| white-space: unset; | |
| border-bottom: none; | |
| } | |
| .o-paper__table.a-table td:before { | |
| display: none; | |
| } | |
| .o-paper__table.a-table thead { | |
| display: table-header-group; | |
| } | |
| .o-paper__table.a-table thead tr { | |
| position: static; | |
| top: auto; | |
| left: auto; | |
| } | |
| .o-paper__table.a-table thead th { | |
| padding: 5px; | |
| font-weight: normal; | |
| font-size: 12px; | |
| text-align: left; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| border-bottom-style: solid; | |
| border-bottom-width: 2px; | |
| outline: none; | |
| white-space: nowrap; | |
| } | |
| .o-paper__table.a-table thead th[align=left] { | |
| text-align: left; | |
| } | |
| .o-paper__table.a-table thead th[align=center] { | |
| text-align: center; | |
| } | |
| .o-paper__table.a-table thead th[align=right] { | |
| text-align: right; | |
| } | |
| .o-paper__table.a-table p { | |
| margin: 0.5em 0; | |
| } | |
| .o-paper__table.a-table tbody { | |
| display: table-row-group; | |
| } | |
| .o-paper__table.a-table tbody td { | |
| border-bottom-style: solid !important; | |
| border-bottom-width: 1px !important; | |
| transition: background-color 0.3s; | |
| } | |
| .o-paper__table.a-table tbody td[align=left] { | |
| text-align: left; | |
| } | |
| .o-paper__table.a-table tbody td[align=center] { | |
| text-align: center; | |
| } | |
| .o-paper__table.a-table tbody td[align=right] { | |
| text-align: right; | |
| } | |
| .o-paper__table.a-table .fa { | |
| margin: 0 0 0 5px; | |
| } | |
| .o-paper__table.a-table.x-valign--center tbody td { | |
| vertical-align: middle; | |
| } | |
| .o-paper__table.a-table .tablesorter-header-inner { | |
| cursor: pointer; | |
| } | |
| .o-paper__table.a-table .tablesorter-header-inner:after { | |
| content: ""; | |
| display: inline-block; | |
| vertical-align: baseline; | |
| margin: 0 0 0 5px; | |
| width: 16px; | |
| height: 7px; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: auto 7px; | |
| transition: opacity 0.3s; | |
| } | |
| .o-paper__table.a-table .tablesorter-header-inner:hover:after { | |
| opacity: 1 !important; | |
| } | |
| .o-paper__table.a-table .tablesorter-headerAsc .tablesorter-header-inner:after, | |
| .o-paper__table.a-table .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| opacity: 1 !important; | |
| } | |
| .o-paper__table.a-table.x-color--black tbody td { | |
| border-bottom-color: rgb(217, 217, 217) !important; | |
| } | |
| .o-paper__table.a-table.x-color--black tbody tr:hover td { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .o-paper__table.a-table.x-color--black .tablesorter-header-inner:after { | |
| opacity: 0.3; | |
| } | |
| .o-paper__table.a-table.x-color--black .tablesorter-headerUnSorted .tablesorter-header-inner:after, | |
| .o-paper__table.a-table.x-color--black .tablesorter-headerAsc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-down-black.svg"); | |
| } | |
| .o-paper__table.a-table.x-color--black .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-up-black.svg"); | |
| } | |
| .o-paper__table.a-table.x-color--white tbody td { | |
| border-bottom-color: rgb(58, 58, 58) !important; | |
| } | |
| .o-paper__table.a-table.x-color--white tbody tr:hover td { | |
| background-color: rgb(26, 26, 26); | |
| } | |
| .o-paper__table.a-table.x-color--white .tablesorter-header-inner:after { | |
| opacity: 0.6; | |
| } | |
| .o-paper__table.a-table.x-color--white .tablesorter-headerUnSorted .tablesorter-header-inner:after, | |
| .o-paper__table.a-table.x-color--white .tablesorter-headerAsc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-down-white.svg"); | |
| } | |
| .o-paper__table.a-table.x-color--white .tablesorter-headerDesc .tablesorter-header-inner:after { | |
| background-image: url("/assets/img/icon-up-white.svg"); | |
| } | |
| .o-paper__table.a-table.x-type--fluid th, | |
| .o-paper__table.a-table.x-type--fluid td { | |
| min-width: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-paper__table.a-table { | |
| overflow-x: auto; | |
| } | |
| .o-paper__table.a-table td { | |
| padding: 10px; | |
| } | |
| .o-paper__table.a-table thead th { | |
| padding: 8px 10px; | |
| font-weight: normal; | |
| font-size: 13px; | |
| letter-spacing: 1.5px; | |
| border-bottom-width: 3px; | |
| white-space: nowrap; | |
| } | |
| .o-paper__table.a-table p { | |
| margin: 1em 0; | |
| } | |
| } | |
| .o-row, .o-row--flush, .o-row--sidebar-left, | |
| .o-row--sidebar-left-thin, | |
| .o-row--sidebar-left-wide, | |
| .o-row--sidebar-right, | |
| .o-row--sidebar-right-thin, | |
| .o-row--sidebar-right-wide, | |
| .o-row--half-left, | |
| .o-row--half-right { | |
| position: relative; | |
| padding: 30px 0; | |
| z-index: 0; | |
| } | |
| .o-row .o-row__wrap, .o-row--flush .o-row__wrap, .o-row--sidebar-left .o-row__wrap, | |
| .o-row--sidebar-left-thin .o-row__wrap, | |
| .o-row--sidebar-left-wide .o-row__wrap, | |
| .o-row--sidebar-right .o-row__wrap, | |
| .o-row--sidebar-right-thin .o-row__wrap, | |
| .o-row--sidebar-right-wide .o-row__wrap, | |
| .o-row--half-left .o-row__wrap, | |
| .o-row--half-right .o-row__wrap { | |
| position: relative; | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 30px; | |
| } | |
| .o-row .o-row__wrap.x-width--thin, .o-row--flush .o-row__wrap.x-width--thin, .o-row--sidebar-left .o-row__wrap.x-width--thin, | |
| .o-row--sidebar-left-thin .o-row__wrap.x-width--thin, | |
| .o-row--sidebar-left-wide .o-row__wrap.x-width--thin, | |
| .o-row--sidebar-right .o-row__wrap.x-width--thin, | |
| .o-row--sidebar-right-thin .o-row__wrap.x-width--thin, | |
| .o-row--sidebar-right-wide .o-row__wrap.x-width--thin, | |
| .o-row--half-left .o-row__wrap.x-width--thin, | |
| .o-row--half-right .o-row__wrap.x-width--thin { | |
| max-width: 600px; | |
| } | |
| .o-row .o-row__wrap.x-width--medium, .o-row--flush .o-row__wrap.x-width--medium, .o-row--sidebar-left .o-row__wrap.x-width--medium, | |
| .o-row--sidebar-left-thin .o-row__wrap.x-width--medium, | |
| .o-row--sidebar-left-wide .o-row__wrap.x-width--medium, | |
| .o-row--sidebar-right .o-row__wrap.x-width--medium, | |
| .o-row--sidebar-right-thin .o-row__wrap.x-width--medium, | |
| .o-row--sidebar-right-wide .o-row__wrap.x-width--medium, | |
| .o-row--half-left .o-row__wrap.x-width--medium, | |
| .o-row--half-right .o-row__wrap.x-width--medium { | |
| max-width: 800px; | |
| } | |
| .o-row .o-row__tag-wrap, .o-row--flush .o-row__tag-wrap, .o-row--sidebar-left .o-row__tag-wrap, | |
| .o-row--sidebar-left-thin .o-row__tag-wrap, | |
| .o-row--sidebar-left-wide .o-row__tag-wrap, | |
| .o-row--sidebar-right .o-row__tag-wrap, | |
| .o-row--sidebar-right-thin .o-row__tag-wrap, | |
| .o-row--sidebar-right-wide .o-row__tag-wrap, | |
| .o-row--half-left .o-row__tag-wrap, | |
| .o-row--half-right .o-row__tag-wrap { | |
| position: relative; | |
| max-width: 1200px; | |
| margin: 0 auto 30px auto; | |
| padding: 0 30px; | |
| } | |
| .o-row .o-row__tag, .o-row--flush .o-row__tag, .o-row--sidebar-left .o-row__tag, | |
| .o-row--sidebar-left-thin .o-row__tag, | |
| .o-row--sidebar-left-wide .o-row__tag, | |
| .o-row--sidebar-right .o-row__tag, | |
| .o-row--sidebar-right-thin .o-row__tag, | |
| .o-row--sidebar-right-wide .o-row__tag, | |
| .o-row--half-left .o-row__tag, | |
| .o-row--half-right .o-row__tag { | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: normal; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| line-height: 100%; | |
| letter-spacing: 1.5px; | |
| transition: left 0.3s; | |
| } | |
| .o-row .o-row__content > *, .o-row--flush .o-row__content > *, .o-row--sidebar-left .o-row__content > *, | |
| .o-row--sidebar-left-thin .o-row__content > *, | |
| .o-row--sidebar-left-wide .o-row__content > *, | |
| .o-row--sidebar-right .o-row__content > *, | |
| .o-row--sidebar-right-thin .o-row__content > *, | |
| .o-row--sidebar-right-wide .o-row__content > *, | |
| .o-row--half-left .o-row__content > *, | |
| .o-row--half-right .o-row__content > *, | |
| .o-row .o-row__aside > *, | |
| .o-row--flush .o-row__aside > *, | |
| .o-row--sidebar-left .o-row__aside > *, | |
| .o-row--sidebar-left-thin .o-row__aside > *, | |
| .o-row--sidebar-left-wide .o-row__aside > *, | |
| .o-row--sidebar-right .o-row__aside > *, | |
| .o-row--sidebar-right-thin .o-row__aside > *, | |
| .o-row--sidebar-right-wide .o-row__aside > *, | |
| .o-row--half-left .o-row__aside > *, | |
| .o-row--half-right .o-row__aside > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .o-row .o-row__content > *:last-child, .o-row--flush .o-row__content > *:last-child, .o-row--sidebar-left .o-row__content > *:last-child, | |
| .o-row--sidebar-left-thin .o-row__content > *:last-child, | |
| .o-row--sidebar-left-wide .o-row__content > *:last-child, | |
| .o-row--sidebar-right .o-row__content > *:last-child, | |
| .o-row--sidebar-right-thin .o-row__content > *:last-child, | |
| .o-row--sidebar-right-wide .o-row__content > *:last-child, | |
| .o-row--half-left .o-row__content > *:last-child, | |
| .o-row--half-right .o-row__content > *:last-child, .o-row .o-row__content > *:only-child, .o-row--flush .o-row__content > *:only-child, .o-row--sidebar-left .o-row__content > *:only-child, | |
| .o-row--sidebar-left-thin .o-row__content > *:only-child, | |
| .o-row--sidebar-left-wide .o-row__content > *:only-child, | |
| .o-row--sidebar-right .o-row__content > *:only-child, | |
| .o-row--sidebar-right-thin .o-row__content > *:only-child, | |
| .o-row--sidebar-right-wide .o-row__content > *:only-child, | |
| .o-row--half-left .o-row__content > *:only-child, | |
| .o-row--half-right .o-row__content > *:only-child, | |
| .o-row .o-row__aside > *:last-child, | |
| .o-row--flush .o-row__aside > *:last-child, | |
| .o-row--sidebar-left .o-row__aside > *:last-child, | |
| .o-row--sidebar-left-thin .o-row__aside > *:last-child, | |
| .o-row--sidebar-left-wide .o-row__aside > *:last-child, | |
| .o-row--sidebar-right .o-row__aside > *:last-child, | |
| .o-row--sidebar-right-thin .o-row__aside > *:last-child, | |
| .o-row--sidebar-right-wide .o-row__aside > *:last-child, | |
| .o-row--half-left .o-row__aside > *:last-child, | |
| .o-row--half-right .o-row__aside > *:last-child, | |
| .o-row .o-row__aside > *:only-child, | |
| .o-row--flush .o-row__aside > *:only-child, | |
| .o-row--sidebar-left .o-row__aside > *:only-child, | |
| .o-row--sidebar-left-thin .o-row__aside > *:only-child, | |
| .o-row--sidebar-left-wide .o-row__aside > *:only-child, | |
| .o-row--sidebar-right .o-row__aside > *:only-child, | |
| .o-row--sidebar-right-thin .o-row__aside > *:only-child, | |
| .o-row--sidebar-right-wide .o-row__aside > *:only-child, | |
| .o-row--half-left .o-row__aside > *:only-child, | |
| .o-row--half-right .o-row__aside > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-row .o-row__group, .o-row--flush .o-row__group, .o-row--sidebar-left .o-row__group, | |
| .o-row--sidebar-left-thin .o-row__group, | |
| .o-row--sidebar-left-wide .o-row__group, | |
| .o-row--sidebar-right .o-row__group, | |
| .o-row--sidebar-right-thin .o-row__group, | |
| .o-row--sidebar-right-wide .o-row__group, | |
| .o-row--half-left .o-row__group, | |
| .o-row--half-right .o-row__group { | |
| margin-bottom: 32px; | |
| margin-top: 0; | |
| } | |
| .o-row .o-row__group:last-child, .o-row--flush .o-row__group:last-child, .o-row--sidebar-left .o-row__group:last-child, | |
| .o-row--sidebar-left-thin .o-row__group:last-child, | |
| .o-row--sidebar-left-wide .o-row__group:last-child, | |
| .o-row--sidebar-right .o-row__group:last-child, | |
| .o-row--sidebar-right-thin .o-row__group:last-child, | |
| .o-row--sidebar-right-wide .o-row__group:last-child, | |
| .o-row--half-left .o-row__group:last-child, | |
| .o-row--half-right .o-row__group:last-child, .o-row .o-row__group:only-child, .o-row--flush .o-row__group:only-child, .o-row--sidebar-left .o-row__group:only-child, | |
| .o-row--sidebar-left-thin .o-row__group:only-child, | |
| .o-row--sidebar-left-wide .o-row__group:only-child, | |
| .o-row--sidebar-right .o-row__group:only-child, | |
| .o-row--sidebar-right-thin .o-row__group:only-child, | |
| .o-row--sidebar-right-wide .o-row__group:only-child, | |
| .o-row--half-left .o-row__group:only-child, | |
| .o-row--half-right .o-row__group:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-row.x-pad-top--large, .x-pad-top--large.o-row--flush, .x-pad-top--large.o-row--sidebar-left, | |
| .x-pad-top--large.o-row--sidebar-left-thin, | |
| .x-pad-top--large.o-row--sidebar-left-wide, | |
| .x-pad-top--large.o-row--sidebar-right, | |
| .x-pad-top--large.o-row--sidebar-right-thin, | |
| .x-pad-top--large.o-row--sidebar-right-wide, | |
| .x-pad-top--large.o-row--half-left, | |
| .x-pad-top--large.o-row--half-right { | |
| padding-top: 60px; | |
| } | |
| .o-row.x-pad-top--small, .x-pad-top--small.o-row--flush, .x-pad-top--small.o-row--sidebar-left, | |
| .x-pad-top--small.o-row--sidebar-left-thin, | |
| .x-pad-top--small.o-row--sidebar-left-wide, | |
| .x-pad-top--small.o-row--sidebar-right, | |
| .x-pad-top--small.o-row--sidebar-right-thin, | |
| .x-pad-top--small.o-row--sidebar-right-wide, | |
| .x-pad-top--small.o-row--half-left, | |
| .x-pad-top--small.o-row--half-right { | |
| padding-top: 20px; | |
| } | |
| .o-row.x-pad-top--none, .x-pad-top--none.o-row--flush, .x-pad-top--none.o-row--sidebar-left, | |
| .x-pad-top--none.o-row--sidebar-left-thin, | |
| .x-pad-top--none.o-row--sidebar-left-wide, | |
| .x-pad-top--none.o-row--sidebar-right, | |
| .x-pad-top--none.o-row--sidebar-right-thin, | |
| .x-pad-top--none.o-row--sidebar-right-wide, | |
| .x-pad-top--none.o-row--half-left, | |
| .x-pad-top--none.o-row--half-right { | |
| padding-top: 0 !important; | |
| } | |
| .o-row.x-pad-bottom--large, .x-pad-bottom--large.o-row--flush, .x-pad-bottom--large.o-row--sidebar-left, | |
| .x-pad-bottom--large.o-row--sidebar-left-thin, | |
| .x-pad-bottom--large.o-row--sidebar-left-wide, | |
| .x-pad-bottom--large.o-row--sidebar-right, | |
| .x-pad-bottom--large.o-row--sidebar-right-thin, | |
| .x-pad-bottom--large.o-row--sidebar-right-wide, | |
| .x-pad-bottom--large.o-row--half-left, | |
| .x-pad-bottom--large.o-row--half-right { | |
| padding-bottom: 60px; | |
| } | |
| .o-row.x-pad-bottom--small, .x-pad-bottom--small.o-row--flush, .x-pad-bottom--small.o-row--sidebar-left, | |
| .x-pad-bottom--small.o-row--sidebar-left-thin, | |
| .x-pad-bottom--small.o-row--sidebar-left-wide, | |
| .x-pad-bottom--small.o-row--sidebar-right, | |
| .x-pad-bottom--small.o-row--sidebar-right-thin, | |
| .x-pad-bottom--small.o-row--sidebar-right-wide, | |
| .x-pad-bottom--small.o-row--half-left, | |
| .x-pad-bottom--small.o-row--half-right { | |
| padding-bottom: 20px; | |
| } | |
| .o-row.x-pad-bottom--none, .x-pad-bottom--none.o-row--flush, .x-pad-bottom--none.o-row--sidebar-left, | |
| .x-pad-bottom--none.o-row--sidebar-left-thin, | |
| .x-pad-bottom--none.o-row--sidebar-left-wide, | |
| .x-pad-bottom--none.o-row--sidebar-right, | |
| .x-pad-bottom--none.o-row--sidebar-right-thin, | |
| .x-pad-bottom--none.o-row--sidebar-right-wide, | |
| .x-pad-bottom--none.o-row--half-left, | |
| .x-pad-bottom--none.o-row--half-right { | |
| padding-bottom: 0 !important; | |
| } | |
| .o-row.x-pad-left--none, .x-pad-left--none.o-row--flush, .x-pad-left--none.o-row--sidebar-left, | |
| .x-pad-left--none.o-row--sidebar-left-thin, | |
| .x-pad-left--none.o-row--sidebar-left-wide, | |
| .x-pad-left--none.o-row--sidebar-right, | |
| .x-pad-left--none.o-row--sidebar-right-thin, | |
| .x-pad-left--none.o-row--sidebar-right-wide, | |
| .x-pad-left--none.o-row--half-left, | |
| .x-pad-left--none.o-row--half-right { | |
| padding-left: 0 !important; | |
| } | |
| .o-row.x-pad-right--none, .x-pad-right--none.o-row--flush, .x-pad-right--none.o-row--sidebar-left, | |
| .x-pad-right--none.o-row--sidebar-left-thin, | |
| .x-pad-right--none.o-row--sidebar-left-wide, | |
| .x-pad-right--none.o-row--sidebar-right, | |
| .x-pad-right--none.o-row--sidebar-right-thin, | |
| .x-pad-right--none.o-row--sidebar-right-wide, | |
| .x-pad-right--none.o-row--half-left, | |
| .x-pad-right--none.o-row--half-right { | |
| padding-right: 0 !important; | |
| } | |
| .o-row.x-type--overlay, .x-type--overlay.o-row--flush, .x-type--overlay.o-row--sidebar-left, | |
| .x-type--overlay.o-row--sidebar-left-thin, | |
| .x-type--overlay.o-row--sidebar-left-wide, | |
| .x-type--overlay.o-row--sidebar-right, | |
| .x-type--overlay.o-row--sidebar-right-thin, | |
| .x-type--overlay.o-row--sidebar-right-wide, | |
| .x-type--overlay.o-row--half-left, | |
| .x-type--overlay.o-row--half-right { | |
| position: relative; | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .o-row.x-type--overlay:before, .x-type--overlay.o-row--flush:before, .x-type--overlay.o-row--sidebar-left:before, | |
| .x-type--overlay.o-row--sidebar-left-thin:before, | |
| .x-type--overlay.o-row--sidebar-left-wide:before, | |
| .x-type--overlay.o-row--sidebar-right:before, | |
| .x-type--overlay.o-row--sidebar-right-thin:before, | |
| .x-type--overlay.o-row--sidebar-right-wide:before, | |
| .x-type--overlay.o-row--half-left:before, | |
| .x-type--overlay.o-row--half-right:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 100%); | |
| } | |
| .o-row.x-type--overlay:after, .x-type--overlay.o-row--flush:after, .x-type--overlay.o-row--sidebar-left:after, | |
| .x-type--overlay.o-row--sidebar-left-thin:after, | |
| .x-type--overlay.o-row--sidebar-left-wide:after, | |
| .x-type--overlay.o-row--sidebar-right:after, | |
| .x-type--overlay.o-row--sidebar-right-thin:after, | |
| .x-type--overlay.o-row--sidebar-right-wide:after, | |
| .x-type--overlay.o-row--half-left:after, | |
| .x-type--overlay.o-row--half-right:after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 20; | |
| background-image: var(--image); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| filter: grayscale(100%); | |
| mix-blend-mode: luminosity; | |
| opacity: var(--opacity); | |
| } | |
| .o-row.x-type--overlay .o-row__overlay, .x-type--overlay.o-row--flush .o-row__overlay, .x-type--overlay.o-row--sidebar-left .o-row__overlay, | |
| .x-type--overlay.o-row--sidebar-left-thin .o-row__overlay, | |
| .x-type--overlay.o-row--sidebar-left-wide .o-row__overlay, | |
| .x-type--overlay.o-row--sidebar-right .o-row__overlay, | |
| .x-type--overlay.o-row--sidebar-right-thin .o-row__overlay, | |
| .x-type--overlay.o-row--sidebar-right-wide .o-row__overlay, | |
| .x-type--overlay.o-row--half-left .o-row__overlay, | |
| .x-type--overlay.o-row--half-right .o-row__overlay { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 15; | |
| background-color: rgba(0, 0, 0, 0.2); | |
| } | |
| .o-row.x-type--overlay .o-row__tag-wrap, .x-type--overlay.o-row--flush .o-row__tag-wrap, .x-type--overlay.o-row--sidebar-left .o-row__tag-wrap, | |
| .x-type--overlay.o-row--sidebar-left-thin .o-row__tag-wrap, | |
| .x-type--overlay.o-row--sidebar-left-wide .o-row__tag-wrap, | |
| .x-type--overlay.o-row--sidebar-right .o-row__tag-wrap, | |
| .x-type--overlay.o-row--sidebar-right-thin .o-row__tag-wrap, | |
| .x-type--overlay.o-row--sidebar-right-wide .o-row__tag-wrap, | |
| .x-type--overlay.o-row--half-left .o-row__tag-wrap, | |
| .x-type--overlay.o-row--half-right .o-row__tag-wrap, | |
| .o-row.x-type--overlay .o-row__wrap, | |
| .x-type--overlay.o-row--flush .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-left .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-left-thin .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-left-wide .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-right .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-right-thin .o-row__wrap, | |
| .x-type--overlay.o-row--sidebar-right-wide .o-row__wrap, | |
| .x-type--overlay.o-row--half-left .o-row__wrap, | |
| .x-type--overlay.o-row--half-right .o-row__wrap { | |
| position: relative; | |
| z-index: 30; | |
| } | |
| .o-row.x-type--animated, .x-type--animated.o-row--flush, .x-type--animated.o-row--sidebar-left, | |
| .x-type--animated.o-row--sidebar-left-thin, | |
| .x-type--animated.o-row--sidebar-left-wide, | |
| .x-type--animated.o-row--sidebar-right, | |
| .x-type--animated.o-row--sidebar-right-thin, | |
| .x-type--animated.o-row--sidebar-right-wide, | |
| .x-type--animated.o-row--half-left, | |
| .x-type--animated.o-row--half-right { | |
| position: relative; | |
| } | |
| .o-row.x-type--animated:before, .x-type--animated.o-row--flush:before, .x-type--animated.o-row--sidebar-left:before, | |
| .x-type--animated.o-row--sidebar-left-thin:before, | |
| .x-type--animated.o-row--sidebar-left-wide:before, | |
| .x-type--animated.o-row--sidebar-right:before, | |
| .x-type--animated.o-row--sidebar-right-thin:before, | |
| .x-type--animated.o-row--sidebar-right-wide:before, | |
| .x-type--animated.o-row--half-left:before, | |
| .x-type--animated.o-row--half-right:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 10; | |
| background-image: linear-gradient(to right, var(--colorOne) 0%, var(--colorTwo) 33%, var(--colorThree) 66%, var(--colorOne) 100%); | |
| background-size: 400% 400%; | |
| animation: gradient 30s ease infinite; | |
| } | |
| @keyframes gradient { | |
| 0% { | |
| background-position: 0 50%; | |
| } | |
| 50% { | |
| background-position: 100% 50%; | |
| } | |
| 100% { | |
| background-position: 0 50%; | |
| } | |
| } | |
| .o-row.x-type--animated .o-row__wrap, .x-type--animated.o-row--flush .o-row__wrap, .x-type--animated.o-row--sidebar-left .o-row__wrap, | |
| .x-type--animated.o-row--sidebar-left-thin .o-row__wrap, | |
| .x-type--animated.o-row--sidebar-left-wide .o-row__wrap, | |
| .x-type--animated.o-row--sidebar-right .o-row__wrap, | |
| .x-type--animated.o-row--sidebar-right-thin .o-row__wrap, | |
| .x-type--animated.o-row--sidebar-right-wide .o-row__wrap, | |
| .x-type--animated.o-row--half-left .o-row__wrap, | |
| .x-type--animated.o-row--half-right .o-row__wrap { | |
| z-index: 15; | |
| } | |
| .o-row.o-row--with-modal, .o-row--with-modal.o-row--flush, .o-row--with-modal.o-row--sidebar-left, | |
| .o-row--with-modal.o-row--sidebar-left-thin, | |
| .o-row--with-modal.o-row--sidebar-left-wide, | |
| .o-row--with-modal.o-row--sidebar-right, | |
| .o-row--with-modal.o-row--sidebar-right-thin, | |
| .o-row--with-modal.o-row--sidebar-right-wide, | |
| .o-row--with-modal.o-row--half-left, | |
| .o-row--with-modal.o-row--half-right { | |
| z-index: 50; | |
| } | |
| .o-row.o-row--below, .o-row--below.o-row--flush, .o-row--below.o-row--sidebar-left, | |
| .o-row--below.o-row--sidebar-left-thin, | |
| .o-row--below.o-row--sidebar-left-wide, | |
| .o-row--below.o-row--sidebar-right, | |
| .o-row--below.o-row--sidebar-right-thin, | |
| .o-row--below.o-row--sidebar-right-wide, | |
| .o-row--below.o-row--half-left, | |
| .o-row--below.o-row--half-right { | |
| z-index: -1; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row, .o-row--flush, .o-row--sidebar-left, | |
| .o-row--sidebar-left-thin, | |
| .o-row--sidebar-left-wide, | |
| .o-row--sidebar-right, | |
| .o-row--sidebar-right-thin, | |
| .o-row--sidebar-right-wide, | |
| .o-row--half-left, | |
| .o-row--half-right { | |
| padding: 80px 0; | |
| } | |
| .o-row .o-row__content > *, .o-row--flush .o-row__content > *, .o-row--sidebar-left .o-row__content > *, | |
| .o-row--sidebar-left-thin .o-row__content > *, | |
| .o-row--sidebar-left-wide .o-row__content > *, | |
| .o-row--sidebar-right .o-row__content > *, | |
| .o-row--sidebar-right-thin .o-row__content > *, | |
| .o-row--sidebar-right-wide .o-row__content > *, | |
| .o-row--half-left .o-row__content > *, | |
| .o-row--half-right .o-row__content > *, | |
| .o-row .o-row__aside > *, | |
| .o-row--flush .o-row__aside > *, | |
| .o-row--sidebar-left .o-row__aside > *, | |
| .o-row--sidebar-left-thin .o-row__aside > *, | |
| .o-row--sidebar-left-wide .o-row__aside > *, | |
| .o-row--sidebar-right .o-row__aside > *, | |
| .o-row--sidebar-right-thin .o-row__aside > *, | |
| .o-row--sidebar-right-wide .o-row__aside > *, | |
| .o-row--half-left .o-row__aside > *, | |
| .o-row--half-right .o-row__aside > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-row .o-row__content > *:last-child, .o-row--flush .o-row__content > *:last-child, .o-row--sidebar-left .o-row__content > *:last-child, | |
| .o-row--sidebar-left-thin .o-row__content > *:last-child, | |
| .o-row--sidebar-left-wide .o-row__content > *:last-child, | |
| .o-row--sidebar-right .o-row__content > *:last-child, | |
| .o-row--sidebar-right-thin .o-row__content > *:last-child, | |
| .o-row--sidebar-right-wide .o-row__content > *:last-child, | |
| .o-row--half-left .o-row__content > *:last-child, | |
| .o-row--half-right .o-row__content > *:last-child, .o-row .o-row__content > *:only-child, .o-row--flush .o-row__content > *:only-child, .o-row--sidebar-left .o-row__content > *:only-child, | |
| .o-row--sidebar-left-thin .o-row__content > *:only-child, | |
| .o-row--sidebar-left-wide .o-row__content > *:only-child, | |
| .o-row--sidebar-right .o-row__content > *:only-child, | |
| .o-row--sidebar-right-thin .o-row__content > *:only-child, | |
| .o-row--sidebar-right-wide .o-row__content > *:only-child, | |
| .o-row--half-left .o-row__content > *:only-child, | |
| .o-row--half-right .o-row__content > *:only-child, | |
| .o-row .o-row__aside > *:last-child, | |
| .o-row--flush .o-row__aside > *:last-child, | |
| .o-row--sidebar-left .o-row__aside > *:last-child, | |
| .o-row--sidebar-left-thin .o-row__aside > *:last-child, | |
| .o-row--sidebar-left-wide .o-row__aside > *:last-child, | |
| .o-row--sidebar-right .o-row__aside > *:last-child, | |
| .o-row--sidebar-right-thin .o-row__aside > *:last-child, | |
| .o-row--sidebar-right-wide .o-row__aside > *:last-child, | |
| .o-row--half-left .o-row__aside > *:last-child, | |
| .o-row--half-right .o-row__aside > *:last-child, | |
| .o-row .o-row__aside > *:only-child, | |
| .o-row--flush .o-row__aside > *:only-child, | |
| .o-row--sidebar-left .o-row__aside > *:only-child, | |
| .o-row--sidebar-left-thin .o-row__aside > *:only-child, | |
| .o-row--sidebar-left-wide .o-row__aside > *:only-child, | |
| .o-row--sidebar-right .o-row__aside > *:only-child, | |
| .o-row--sidebar-right-thin .o-row__aside > *:only-child, | |
| .o-row--sidebar-right-wide .o-row__aside > *:only-child, | |
| .o-row--half-left .o-row__aside > *:only-child, | |
| .o-row--half-right .o-row__aside > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-row .o-row__group, .o-row--flush .o-row__group, .o-row--sidebar-left .o-row__group, | |
| .o-row--sidebar-left-thin .o-row__group, | |
| .o-row--sidebar-left-wide .o-row__group, | |
| .o-row--sidebar-right .o-row__group, | |
| .o-row--sidebar-right-thin .o-row__group, | |
| .o-row--sidebar-right-wide .o-row__group, | |
| .o-row--half-left .o-row__group, | |
| .o-row--half-right .o-row__group { | |
| margin-bottom: 48px; | |
| margin-top: 0; | |
| } | |
| .o-row .o-row__group:last-child, .o-row--flush .o-row__group:last-child, .o-row--sidebar-left .o-row__group:last-child, | |
| .o-row--sidebar-left-thin .o-row__group:last-child, | |
| .o-row--sidebar-left-wide .o-row__group:last-child, | |
| .o-row--sidebar-right .o-row__group:last-child, | |
| .o-row--sidebar-right-thin .o-row__group:last-child, | |
| .o-row--sidebar-right-wide .o-row__group:last-child, | |
| .o-row--half-left .o-row__group:last-child, | |
| .o-row--half-right .o-row__group:last-child, .o-row .o-row__group:only-child, .o-row--flush .o-row__group:only-child, .o-row--sidebar-left .o-row__group:only-child, | |
| .o-row--sidebar-left-thin .o-row__group:only-child, | |
| .o-row--sidebar-left-wide .o-row__group:only-child, | |
| .o-row--sidebar-right .o-row__group:only-child, | |
| .o-row--sidebar-right-thin .o-row__group:only-child, | |
| .o-row--sidebar-right-wide .o-row__group:only-child, | |
| .o-row--half-left .o-row__group:only-child, | |
| .o-row--half-right .o-row__group:only-child { | |
| margin-bottom: 0; | |
| } | |
| .o-row.x-pad-top--large, .x-pad-top--large.o-row--flush, .x-pad-top--large.o-row--sidebar-left, | |
| .x-pad-top--large.o-row--sidebar-left-thin, | |
| .x-pad-top--large.o-row--sidebar-left-wide, | |
| .x-pad-top--large.o-row--sidebar-right, | |
| .x-pad-top--large.o-row--sidebar-right-thin, | |
| .x-pad-top--large.o-row--sidebar-right-wide, | |
| .x-pad-top--large.o-row--half-left, | |
| .x-pad-top--large.o-row--half-right { | |
| padding-top: 120px; | |
| } | |
| .o-row.x-pad-bottom--large, .x-pad-bottom--large.o-row--flush, .x-pad-bottom--large.o-row--sidebar-left, | |
| .x-pad-bottom--large.o-row--sidebar-left-thin, | |
| .x-pad-bottom--large.o-row--sidebar-left-wide, | |
| .x-pad-bottom--large.o-row--sidebar-right, | |
| .x-pad-bottom--large.o-row--sidebar-right-thin, | |
| .x-pad-bottom--large.o-row--sidebar-right-wide, | |
| .x-pad-bottom--large.o-row--half-left, | |
| .x-pad-bottom--large.o-row--half-right { | |
| padding-bottom: 120px; | |
| } | |
| } | |
| @media screen and (min-width: 1300px) { | |
| .o-row, .o-row--flush, .o-row--sidebar-left, | |
| .o-row--sidebar-left-thin, | |
| .o-row--sidebar-left-wide, | |
| .o-row--sidebar-right, | |
| .o-row--sidebar-right-thin, | |
| .o-row--sidebar-right-wide, | |
| .o-row--half-left, | |
| .o-row--half-right { | |
| padding: 100px 30px; | |
| } | |
| .o-row.x-pad-top--large, .x-pad-top--large.o-row--flush, .x-pad-top--large.o-row--sidebar-left, | |
| .x-pad-top--large.o-row--sidebar-left-thin, | |
| .x-pad-top--large.o-row--sidebar-left-wide, | |
| .x-pad-top--large.o-row--sidebar-right, | |
| .x-pad-top--large.o-row--sidebar-right-thin, | |
| .x-pad-top--large.o-row--sidebar-right-wide, | |
| .x-pad-top--large.o-row--half-left, | |
| .x-pad-top--large.o-row--half-right { | |
| padding-top: 140px; | |
| } | |
| .o-row.x-pad-bottom--large, .x-pad-bottom--large.o-row--flush, .x-pad-bottom--large.o-row--sidebar-left, | |
| .x-pad-bottom--large.o-row--sidebar-left-thin, | |
| .x-pad-bottom--large.o-row--sidebar-left-wide, | |
| .x-pad-bottom--large.o-row--sidebar-right, | |
| .x-pad-bottom--large.o-row--sidebar-right-thin, | |
| .x-pad-bottom--large.o-row--sidebar-right-wide, | |
| .x-pad-bottom--large.o-row--half-left, | |
| .x-pad-bottom--large.o-row--half-right { | |
| padding-bottom: 140px; | |
| } | |
| .o-row .o-row__tag-wrap.x-type--vertical, .o-row--flush .o-row__tag-wrap.x-type--vertical, .o-row--sidebar-left .o-row__tag-wrap.x-type--vertical, | |
| .o-row--sidebar-left-thin .o-row__tag-wrap.x-type--vertical, | |
| .o-row--sidebar-left-wide .o-row__tag-wrap.x-type--vertical, | |
| .o-row--sidebar-right .o-row__tag-wrap.x-type--vertical, | |
| .o-row--sidebar-right-thin .o-row__tag-wrap.x-type--vertical, | |
| .o-row--sidebar-right-wide .o-row__tag-wrap.x-type--vertical, | |
| .o-row--half-left .o-row__tag-wrap.x-type--vertical, | |
| .o-row--half-right .o-row__tag-wrap.x-type--vertical { | |
| margin: 0 auto; | |
| padding: 0 30px; | |
| } | |
| .o-row .o-row__tag-wrap.x-type--vertical .o-row__tag, .o-row--flush .o-row__tag-wrap.x-type--vertical .o-row__tag, .o-row--sidebar-left .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--sidebar-left-thin .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--sidebar-left-wide .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--sidebar-right .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--sidebar-right-thin .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--sidebar-right-wide .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--half-left .o-row__tag-wrap.x-type--vertical .o-row__tag, | |
| .o-row--half-right .o-row__tag-wrap.x-type--vertical .o-row__tag { | |
| position: absolute; | |
| left: -40px; | |
| top: 0; | |
| height: 200px; | |
| margin: 0; | |
| writing-mode: vertical-lr; | |
| text-align: right; | |
| transform: rotate(180deg); | |
| } | |
| } | |
| .o-row--sidebar-left .o-row__wrap > *, | |
| .o-row--sidebar-left-thin .o-row__wrap > *, | |
| .o-row--sidebar-left-wide .o-row__wrap > *, | |
| .o-row--sidebar-right .o-row__wrap > *, | |
| .o-row--sidebar-right-thin .o-row__wrap > *, | |
| .o-row--sidebar-right-wide .o-row__wrap > *, | |
| .o-row--half-left .o-row__wrap > *, | |
| .o-row--half-right .o-row__wrap > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-row--sidebar-left .o-row__wrap > *:last-child, .o-row--sidebar-left .o-row__wrap > *:only-child, | |
| .o-row--sidebar-left-thin .o-row__wrap > *:last-child, | |
| .o-row--sidebar-left-thin .o-row__wrap > *:only-child, | |
| .o-row--sidebar-left-wide .o-row__wrap > *:last-child, | |
| .o-row--sidebar-left-wide .o-row__wrap > *:only-child, | |
| .o-row--sidebar-right .o-row__wrap > *:last-child, | |
| .o-row--sidebar-right .o-row__wrap > *:only-child, | |
| .o-row--sidebar-right-thin .o-row__wrap > *:last-child, | |
| .o-row--sidebar-right-thin .o-row__wrap > *:only-child, | |
| .o-row--sidebar-right-wide .o-row__wrap > *:last-child, | |
| .o-row--sidebar-right-wide .o-row__wrap > *:only-child, | |
| .o-row--half-left .o-row__wrap > *:last-child, | |
| .o-row--half-left .o-row__wrap > *:only-child, | |
| .o-row--half-right .o-row__wrap > *:last-child, | |
| .o-row--half-right .o-row__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-left .o-row__wrap, | |
| .o-row--sidebar-left-thin .o-row__wrap, | |
| .o-row--sidebar-left-wide .o-row__wrap, | |
| .o-row--sidebar-right .o-row__wrap, | |
| .o-row--sidebar-right-thin .o-row__wrap, | |
| .o-row--sidebar-right-wide .o-row__wrap, | |
| .o-row--half-left .o-row__wrap, | |
| .o-row--half-right .o-row__wrap { | |
| display: grid; | |
| grid-gap: 40px; | |
| } | |
| .o-row--sidebar-left .o-row__wrap > *, | |
| .o-row--sidebar-left-thin .o-row__wrap > *, | |
| .o-row--sidebar-left-wide .o-row__wrap > *, | |
| .o-row--sidebar-right .o-row__wrap > *, | |
| .o-row--sidebar-right-thin .o-row__wrap > *, | |
| .o-row--sidebar-right-wide .o-row__wrap > *, | |
| .o-row--half-left .o-row__wrap > *, | |
| .o-row--half-right .o-row__wrap > * { | |
| margin: 0; | |
| } | |
| .o-row--sidebar-left .o-row__wrap.x-valign--top, | |
| .o-row--sidebar-left-thin .o-row__wrap.x-valign--top, | |
| .o-row--sidebar-left-wide .o-row__wrap.x-valign--top, | |
| .o-row--sidebar-right .o-row__wrap.x-valign--top, | |
| .o-row--sidebar-right-thin .o-row__wrap.x-valign--top, | |
| .o-row--sidebar-right-wide .o-row__wrap.x-valign--top, | |
| .o-row--half-left .o-row__wrap.x-valign--top, | |
| .o-row--half-right .o-row__wrap.x-valign--top { | |
| align-items: start; | |
| } | |
| .o-row--sidebar-left .o-row__wrap.x-valign--center, | |
| .o-row--sidebar-left-thin .o-row__wrap.x-valign--center, | |
| .o-row--sidebar-left-wide .o-row__wrap.x-valign--center, | |
| .o-row--sidebar-right .o-row__wrap.x-valign--center, | |
| .o-row--sidebar-right-thin .o-row__wrap.x-valign--center, | |
| .o-row--sidebar-right-wide .o-row__wrap.x-valign--center, | |
| .o-row--half-left .o-row__wrap.x-valign--center, | |
| .o-row--half-right .o-row__wrap.x-valign--center { | |
| align-items: center; | |
| } | |
| .o-row--sidebar-left .o-row__wrap.x-valign--bottom, | |
| .o-row--sidebar-left-thin .o-row__wrap.x-valign--bottom, | |
| .o-row--sidebar-left-wide .o-row__wrap.x-valign--bottom, | |
| .o-row--sidebar-right .o-row__wrap.x-valign--bottom, | |
| .o-row--sidebar-right-thin .o-row__wrap.x-valign--bottom, | |
| .o-row--sidebar-right-wide .o-row__wrap.x-valign--bottom, | |
| .o-row--half-left .o-row__wrap.x-valign--bottom, | |
| .o-row--half-right .o-row__wrap.x-valign--bottom { | |
| align-items: end; | |
| } | |
| .o-row--sidebar-left .o-row__content, | |
| .o-row--sidebar-left-thin .o-row__content, | |
| .o-row--sidebar-left-wide .o-row__content, | |
| .o-row--sidebar-right .o-row__content, | |
| .o-row--sidebar-right-thin .o-row__content, | |
| .o-row--sidebar-right-wide .o-row__content, | |
| .o-row--half-left .o-row__content, | |
| .o-row--half-right .o-row__content { | |
| grid-area: content; | |
| } | |
| .o-row--sidebar-left .o-row__aside, | |
| .o-row--sidebar-left-thin .o-row__aside, | |
| .o-row--sidebar-left-wide .o-row__aside, | |
| .o-row--sidebar-right .o-row__aside, | |
| .o-row--sidebar-right-thin .o-row__aside, | |
| .o-row--sidebar-right-wide .o-row__aside, | |
| .o-row--half-left .o-row__aside, | |
| .o-row--half-right .o-row__aside { | |
| grid-area: sidebar; | |
| margin: 0; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row--sidebar-left .o-row__wrap, | |
| .o-row--sidebar-left-thin .o-row__wrap, | |
| .o-row--sidebar-left-wide .o-row__wrap, | |
| .o-row--sidebar-right .o-row__wrap, | |
| .o-row--sidebar-right-thin .o-row__wrap, | |
| .o-row--sidebar-right-wide .o-row__wrap, | |
| .o-row--half-left .o-row__wrap, | |
| .o-row--half-right .o-row__wrap { | |
| grid-gap: 60px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-left .o-row__wrap { | |
| grid-template-columns: 30% auto; | |
| grid-template-areas: "sidebar content"; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-left-thin .o-row__wrap { | |
| grid-template-columns: 17% auto; | |
| grid-template-areas: "sidebar content"; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row--sidebar-left-thin .o-row__wrap { | |
| grid-gap: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-left-wide .o-row__wrap { | |
| grid-template-columns: 35% auto; | |
| grid-template-areas: "sidebar content"; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row--sidebar-left-wide .o-row__wrap { | |
| grid-gap: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-right .o-row__wrap { | |
| grid-template-columns: auto 30%; | |
| grid-template-areas: "content sidebar"; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-right-thin .o-row__wrap { | |
| grid-template-columns: auto 17%; | |
| grid-template-areas: "content sidebar"; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row--sidebar-right-thin .o-row__wrap { | |
| grid-gap: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--sidebar-right-wide .o-row__wrap { | |
| grid-template-columns: auto 35%; | |
| grid-template-areas: "content sidebar"; | |
| } | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-row--sidebar-right-wide .o-row__wrap { | |
| grid-gap: 100px; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--half-left .o-row__wrap { | |
| grid-template-columns: 1fr 1fr; | |
| grid-template-areas: "content sidebar"; | |
| } | |
| } | |
| @media screen and (min-width: 768px) { | |
| .o-row--half-right .o-row__wrap { | |
| grid-template-columns: 1fr 1fr; | |
| grid-template-areas: "sidebar content"; | |
| } | |
| } | |
| .o-row--flush { | |
| padding: 0 !important; | |
| } | |
| .o-row--flush .o-row__wrap { | |
| max-width: none !important; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| } | |
| .o-section-header { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .o-section-header .o-section-header__wrap { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 85px 30px 40px 30px; | |
| } | |
| .o-section-header .o-section-header__wrap > * { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| max-width: 940px; | |
| } | |
| .o-section-header .o-section-header__wrap > *:last-child, .o-section-header .o-section-header__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .o-section-header .o-section-header__wrap { | |
| display: flex; | |
| flex-direction: column; | |
| flex-wrap: nowrap; | |
| justify-content: center; | |
| align-items: flex-start; | |
| min-height: 512px; | |
| } | |
| .o-section-header .o-section-header__wrap > * { | |
| margin-bottom: 40px; | |
| margin-top: 0; | |
| } | |
| .o-section-header .o-section-header__wrap > *:last-child, .o-section-header .o-section-header__wrap > *:only-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .t-general:before { | |
| content: ""; | |
| position: fixed; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| z-index: 20; | |
| display: block; | |
| height: 50px; | |
| opacity: 0; | |
| pointer-events: none; | |
| transition: all 0.3s; | |
| } | |
| .t-general .t-general__masthead { | |
| position: fixed; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| z-index: 40; | |
| transition: transform 0.3s; | |
| pointer-events: none; | |
| } | |
| .t-general .t-general__masthead .o-masthead__logo, | |
| .t-general .t-general__masthead .o-masthead__aux-nav { | |
| pointer-events: auto; | |
| } | |
| .t-general .t-general__navigation { | |
| position: fixed; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 30; | |
| transform: translate3d(100%, 0, 0); | |
| transition: transform 0.3s; | |
| } | |
| .t-general .t-general__navigation.is-active { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| .t-general .t-general__navigation.x-bg-color--black { | |
| background-color: rgb(0, 0, 0); | |
| } | |
| .t-general .t-general__navigation.x-bg-color--grey-light { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .t-general .t-general__navigation.x-bg-color--white { | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .t-general .t-general__content { | |
| position: relative; | |
| z-index: 10; | |
| background-color: rgb(255, 255, 255); | |
| } | |
| .t-general.x-bg-color--black:before { | |
| background-color: rgba(0, 0, 0, 0.8); | |
| } | |
| .t-general.x-bg-color--grey-light:before { | |
| background-color: rgba(242, 242, 242, 0.9); | |
| } | |
| .t-general.x-bg-color--grey-light .t-general__content { | |
| background-color: rgb(242, 242, 242); | |
| } | |
| .t-general.x-bg-color--white:before { | |
| background-color: rgba(255, 255, 255, 0.9); | |
| } | |
| .t-general.is-scrolling:before { | |
| opacity: 1; | |
| } | |
| .t-general.is-scrolling-down:before, | |
| .t-general.is-scrolling-down .t-general__masthead { | |
| transform: translate3d(0, calc(-100% - 5px), 0); | |
| } | |
| .t-general.is-scrolling-down.is-active:before, | |
| .t-general.is-scrolling-down.is-active .t-general__masthead { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| .t-general.is-scrolling-up:before, | |
| .t-general.is-scrolling-up .t-general__masthead { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .t-general .t-general__navigation { | |
| left: 0; | |
| bottom: auto; | |
| transform: translate3d(0, 0, 0); | |
| } | |
| .t-general .t-general__navigation.x-bg-color--black, .t-general .t-general__navigation.x-bg-color--white { | |
| background-color: transparent; | |
| } | |
| .t-general.is-scrolling .o-masthead__logo { | |
| width: 140px; | |
| height: 18px; | |
| margin: 25px 0 0 24px; | |
| } | |
| .t-general.is-scrolling .a-logo--black { | |
| background-image: url("/assets/img/logo-fti-horizontal-black.svg"); | |
| } | |
| .t-general.is-scrolling .a-logo--white { | |
| background-image: url("/assets/img/logo-fti-horizontal-white.svg"); | |
| } | |
| .t-general.is-scrolling-down .t-general__navigation { | |
| transform: translate3d(0, -100%, 0) !important; | |
| } | |
| .t-general.is-scrolling-down.is-active:before, | |
| .t-general.is-scrolling-down.is-active .t-general__masthead { | |
| transform: translate3d(0, -100%, 0) !important; | |
| } | |
| .t-general.is-scrolling-up .t-general__navigation { | |
| transform: translate3d(0, 0, 0) !important; | |
| } | |
| } | |
| .grecaptcha-badge { | |
| visibility: hidden; | |
| } | |
| .share-dropdown { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .share-dropdown-menu { | |
| display: none; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| right: 0; | |
| background: #fff; | |
| border: 1px solid #ddd; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| z-index: 1000; | |
| width: 100% | |
| border-radius: 4px; | |
| padding: 0.5rem 0; | |
| } | |
| .share-options { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .share-options li { | |
| margin: 0; | |
| } | |
| .share-options a { | |
| display: block; | |
| padding: 0.5rem 1rem; | |
| color: #333; | |
| text-decoration: none; | |
| font-size: 0.9rem; | |
| transition: background-color 0.2s ease; | |
| text-align: left; | |
| } | |
| .share-options a span{ | |
| margin-left: 6px; | |
| } | |
| .share-options a:hover { | |
| background-color: #f5f5f5; | |
| color: #000; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment