@charset "UTF-8"; @font-face { font-family: 'Lato'; src: local("Lato Light"), local("Lato-Light"), url("fonts/Lato-Light.woff2") format("woff2"), url("fonts/Lato-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: fallback; } @font-face { font-family: 'Lato'; src: local("Lato Semibold"), local("Lato-Semibold"), url("fonts/Lato-Semibold.woff2") format("woff2"), url("fonts/Lato-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: fallback; } @font-face { font-family: 'Orbitron'; src: local("Orbitron Light"), local("Orbitron-Light"), url("fonts/Orbitron-Light.woff2") format("woff2"), url("fonts/Orbitron-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: fallback; } @font-face { font-family: 'Anonymous Pro'; src: local("Anonymous Pro"), local("AnonymousPro"), url("fonts/AnonymousPro.woff2") format("woff2"), url("fonts/AnonymousPro.woff") format("woff"); font-weight: normal; font-style: normal; font-display: fallback; } /*! * Font Awesome Free 5.9.0 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, .video.video--placeholder::before, .video.video--placeholder::after, form .input .form-image-preview .form-image-preview-remove::before, body > header nav > ul > li.nav-account > a::after, body > #header > header nav > ul > li.nav-account > a::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, .discussion-thread .discussion-thread-message.discussion-thread-message--answer::before, [data-donator]::after, .far, .fal, .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; } .video.video--placeholder::before, .video.video--placeholder::after, form .input .form-image-preview .form-image-preview-remove::before, body > header nav > ul > li.nav-account > a::after, body > #header > header nav > ul > li.nav-account > a::after, .discussion-thread .discussion-thread-message.discussion-thread-message--answer::before, [data-donator]::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .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: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .fa-pull-left.video.video--placeholder::before, .fa-pull-left.video.video--placeholder::after, form .input .form-image-preview .fa-pull-left.form-image-preview-remove::before, body > header nav > ul > li.nav-account > a.fa-pull-left::after, body > #header > header nav > ul > li.nav-account > a.fa-pull-left::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i.fa-pull-left::before, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i.fa-pull-left::before, .discussion-thread .fa-pull-left.discussion-thread-message.discussion-thread-message--answer::before, .fa-pull-left[data-donator]::after, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .fa-pull-right.video.video--placeholder::before, .fa-pull-right.video.video--placeholder::after, form .input .form-image-preview .fa-pull-right.form-image-preview-remove::before, body > header nav > ul > li.nav-account > a.fa-pull-right::after, body > #header > header nav > ul > li.nav-account > a.fa-pull-right::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i.fa-pull-right::before, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i.fa-pull-right::before, .discussion-thread .fa-pull-right.discussion-thread-message.discussion-thread-message--answer::before, .fa-pull-right[data-donator]::after, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .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-adobe:before { content: "\f778"; } .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-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-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-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-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-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-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-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-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .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-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-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-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-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-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-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-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-usd:before { content: "\f4c0"; } .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-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .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-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-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-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-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-instagram:before { content: "\f16d"; } .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-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-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-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-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-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-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-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-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-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .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-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-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-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-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-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-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .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-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-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-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .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-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-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-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-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-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .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-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-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-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-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-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-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.9.0 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: auto; src: url("/vendor/fontawesome/webfonts/fa-solid-900.eot"); src: url("/vendor/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/vendor/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("/vendor/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("/vendor/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas, .video.video--placeholder::before, .video.video--placeholder::after, form .input .form-image-preview .form-image-preview-remove::before, body > header nav > ul > li.nav-account > a::after, body > #header > header nav > ul > li.nav-account > a::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, .discussion-thread .discussion-thread-message.discussion-thread-message--answer::before, [data-donator]::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*! * Font Awesome Free 5.9.0 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: auto; src: url("/vendor/fontawesome/webfonts/fa-regular-400.eot"); src: url("/vendor/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/vendor/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/vendor/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("/vendor/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("/vendor/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } /*! * Font Awesome Free 5.9.0 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: normal; font-display: auto; src: url("/vendor/fontawesome/webfonts/fa-brands-400.eot"); src: url("/vendor/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/vendor/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/vendor/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("/vendor/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("/vendor/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } progress, sub, sup { vertical-align: baseline; } button, hr, input { overflow: visible; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, select { text-transform: none; } [type=submit], [type=reset], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: .54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /*# sourceMappingURL=normalize.min.css.map */ /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { position: relative; width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } @media (min-width: 700px) { .container { width: 100%; padding: 0; } .column, .columns { margin-left: 2%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 5.66666666667%; } .two.columns { width: 14.3333333333%; } .three.columns { width: 23%; } .four.columns { width: 31.6666666667%; } .five.columns { width: 40.3333333333%; } .six.columns { width: 49%; } .seven.columns { width: 57.6666666667%; } .eight.columns { width: 66.3333333333%; } .nine.columns { width: 75.0%; } .ten.columns { width: 83.6666666667%; } .eleven.columns { width: 92.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 31.6666666667%; } .two-thirds.column { width: 66.3333333333%; } .one-half.column { width: 49%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 6.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 15.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 24%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 32.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 41.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 50%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 58.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 67.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 76.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 84.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 93.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 32.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 67.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 50%; } } /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; } body { font-size: 1.2em; /* currently ems cause chrome bug misinterpreting rems on body element */ } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; font-size: 1.2em; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-size: 1.3em; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul { list-style: circle inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } /*th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; }*/ /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-half-width { width: 50%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ /* Larger than phablet (also point when grid becomes active) */ /* Larger than tablet */ /* Larger than desktop */ /* Larger than Desktop HD */ body { margin-top: 40px; background: #F9F9F9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.02em; color: #222; font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.6em; } html.dark-mode body { background: #121212; color: #dddddd; } body .container { max-width: 1220px; } body .container.container--wide { max-width: 1220px; } body .container.container--full { max-width: 100%; } @media (max-width: 700px) { body .container .columns:not(:last-child) { margin-bottom: 2rem; } } body .container .row--flex { display: flex; } body .container .row--flex > .column { flex: 1 1 auto; } body.sidebar .container { margin: 0; padding: 3rem; margin: 0 auto; } @media (max-width: 700px) { body.sidebar .container { padding: 1.5rem; padding: 0; } } @media (min-width: 1100px) { body.sidebar { margin-left: 220px; } } .center { text-align: center; } .fa, .fas, .video.video--placeholder::before, .video.video--placeholder::after, form .input .form-image-preview .form-image-preview-remove::before, body > header nav > ul > li.nav-account > a::after, body > #header > header nav > ul > li.nav-account > a::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a > i::before, .discussion-thread .discussion-thread-message.discussion-thread-message--answer::before, [data-donator]::after { font-weight: 900 !important; } .fa-hidden { visibility: hidden; } [class^="col"].center { display: inline-block; float: none; } .logo { font-family: "Orbitron", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } *, *::before, *::after { box-sizing: border-box; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; } h1, h2, h3 { font-family: "Orbitron", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; color: inherit; } h1 { font-size: 3.0rem; line-height: 1.2; } h2 { font-size: 2.4rem; line-height: 1.25; } h3 { font-size: 1.8rem; line-height: 1.3; } h4 { font-size: 1.5rem; line-height: 1.35; } h5 { font-size: 1.2rem; line-height: 1.5; } h6 { font-size: 1rem; line-height: 1.6; } h3, h4 { margin-bottom: 0.2em; } @media (max-width: 700px) { h1 { font-size: 2.4rem; } h2 { font-size: 2rem; } h3 { font-size: 1.7rem; } h4 { font-size: 1.5rem; } } img { max-width: 100%; width: auto; } b, strong { font-weight: bold; } hr { margin: 3em 10em 3em 10em; border-top: 1px solid #eee; } html.dark-mode hr { border-top-color: rgba(255, 255, 255, 0.05); } p { margin-top: 0; } p:last-child { margin-bottom: 0; } p a:not(.nounderline):not([data-lightbox]):not(.button) { text-decoration: none; text-shadow: 0.03em 0 white, -0.03em 0 white, 0 0.03em white, 0 -0.03em white, 0.06em 0 white, -0.06em 0 white, 0.09em 0 white, -0.09em 0 white, 0.12em 0 white, -0.12em 0 white, 0.15em 0 white, -0.15em 0 white; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, #3d8b40 1px, #3d8b40 2px, rgba(0, 0, 0, 0) 2px); color: inherit; } p a:not(.nounderline):not([data-lightbox]):not(.button):hover { background-image: none; } p a:not(.nounderline):not([data-lightbox]):not(.button)[href*="//"]:not([href*="defendtheweb.net"]) { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, #C83D2F 1px, #C83D2F 2px, rgba(0, 0, 0, 0) 2px); } p a:not(.nounderline):not([data-lightbox]):not(.button)[href*="//"]:not([href*="defendtheweb.net"]):hover { color: #C83D2F; } html.dark-mode p a:not(.nounderline):not([data-lightbox]):not(.button) { text-shadow: 0.03em 0 #1e1e1e, -0.03em 0 #1e1e1e, 0 0.03em #1e1e1e, 0 -0.03em #1e1e1e, 0.06em 0 #1e1e1e, -0.06em 0 #1e1e1e, 0.09em 0 #1e1e1e, -0.09em 0 #1e1e1e, 0.12em 0 #1e1e1e, -0.12em 0 #1e1e1e, 0.15em 0 #1e1e1e, -0.15em 0 #1e1e1e; } ul { list-style-type: disc; } ul::marker { color: #666; } blockquote { font-size: 1.1em; line-height: 1.4em; font-style: italic; margin-left: 0; margin-right: 0; } blockquote p { margin: 0 !important; } pre, code, .CodeMirror .editor-preview pre { overflow: auto; white-space: pre-wrap; border: none; background: #242F3F; color: white; font-family: "Anonymous Pro", monospace, Courier; border-radius: 0; } pre a, code a, .CodeMirror .editor-preview pre a { text-shadow: none !important; color: white; } html.dark-mode pre, html.dark-mode code, html.dark-mode .CodeMirror .editor-preview pre { background: rgba(255, 255, 255, 0.05); color: #999; } pre pre, pre code, code pre, code code, .CodeMirror .editor-preview pre pre, .CodeMirror .editor-preview pre code { background: none !important; } pre, .CodeMirror .editor-preview pre { display: block; padding: 1em; } pre code, .CodeMirror .editor-preview pre code { padding: 0; display: block; white-space: pre-wrap; } blockquote > blockquote { margin: 0; font-style: normal; padding: 0.5em 1em; font-size: 0.9em; overflow: hidden; border-left: 2px solid #C83D2F; position: relative; height: 2.6em; text-indent: -1000000px; cursor: pointer; } blockquote > blockquote::after, blockquote > blockquote::before { display: block; text-indent: 0; } blockquote > blockquote::before { content: "Spoiler"; font-weight: bold; } blockquote > blockquote::after { position: absolute; font-style: italic; top: 0.5em; right: 1em; content: "click to show"; font-size: 0.9em; } .editor-preview blockquote > blockquote, blockquote > blockquote.active, html.no-js blockquote > blockquote:hover { height: auto; text-indent: 0; cursor: default; } .editor-preview blockquote > blockquote::after, .editor-preview blockquote > blockquote::before, blockquote > blockquote.active::after, blockquote > blockquote.active::before, html.no-js blockquote > blockquote:hover::after, html.no-js blockquote > blockquote:hover::before { display: none; } html.dark-mode blockquote > blockquote { background: rgba(255, 255, 255, 0.05); color: #999; } .right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .small { font-size: 0.9em; color: #666; font-weight: normal; } html.dark-mode .small { color: #999; } h1 .small, h2 .small, h3 .small { font-size: 0.5em; } .c-white { color: white !important; } .c-subtle { color: #666; } html.dark-mode .c-subtle { color: #999; } .c-error { color: #C83D2F; } .c-success { color: #3d8b40; } .c-primary { color: #3d8b40; } .c-bronze { color: #c27b35; } .c-silver { color: silver; } .c-gold { color: #FBB829; } .c-green { color: #4caf50; } .hide { display: none !important; } .show { display: block !important; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobile-show { display: none !important; } @media (max-width: 700px) { .mobile-hide { display: none !important; } .mobile-show { display: block !important; } } .dark-show { display: none !important; } html.dark-mode .dark-show { display: inline-block !important; } html.dark-mode .dark-hide { display: none !important; } a { text-decoration: none; outline: 0; color: #495f80; } a:hover { color: #3d8b40; } a.c-secondary { color: #495f80; } html.dark-mode a { color: #FFFFFF; } html.dark-mode a.c-secondary { color: #FFFFFF; } html.dark-mode a:hover { color: #3d8b40; } a.back { display: inline-block; font-size: 1.1rem; margin-bottom: 4px; } a.back:hover { text-decoration: none; } a.back i { padding-right: 4px; } html.no-js a[href="#"], html.no-js a[csrf] { display: none; } /**** PROGRESS BAR ****/ .progress { height: 20px; width: 100%; background-color: #eee; overflow: hidden; } html.dark-mode .progress { background: rgba(255, 255, 255, 0.05); } .progress.progress--small { height: 4px; } .progress .progress-bar { background-color: #3d8b40; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /**** MESSAGE ****/ .msg { color: white; font-size: 0.9em; font-weight: 600; margin-bottom: 1em; padding: 10px 16px; background: #242F3F; } .msg .close { float: right; font-size: 1.2em; line-height: 1.1em; } .msg a { color: white; text-decoration: underline; } .msg a:hover { color: #3d8b40; } .msg.msg--success { background: #3d8b40; } .msg.msg--success a:hover { color: #242F3F; } .msg.msg--error { background-color: #C83D2F; } .msg.msg--error a:hover { color: #242F3F; } /**** COOKIES ****/ .cookies { background: #242F3F; bottom: 0; color: white; padding: 0; position: fixed; left: 0; max-width: 350px; margin: 20px; padding: 20px; font-size: 1.3rem; border-radius: 4px; z-index: 5000; } html.dark-mode .cookies { background: #000000; } @media (max-width: 700px) { .cookies { margin: 5px; max-width: none; } } .cookies p a { text-shadow: none !important; } .cookies a.button { margin-top: 0; margin-bottom: 0; } body.sidebar .cookies { left: 220px; } @media (max-width: 1100px) { body.sidebar .cookies { left: 0; } } /**** LOGS ****/ .page-logs { background: #333; bottom: 20px; color: white; padding: 0; position: fixed; right: 20px; } .page-logs ul { list-style: none; margin: 0; } .page-logs ul li { margin: 0; padding: 4px 8px; } .page-logs ul li:nth-child(2n) { background: #444; } /**** IFRAME ****/ iframe { border: none; } .video { display: block; position: relative; padding-bottom: 42.1875%; padding-top: 25px; height: 0; margin: 2em auto; width: 75%; } .video.video--placeholder { background-size: cover; background-position: center; cursor: pointer; } .video.video--placeholder::before, .video.video--placeholder::after { content: "\f144"; text-shadow: none; position: absolute; width: 100px; height: 100px; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px; font-size: 100px; color: #242F3F; border-radius: 50%; } .video.video--placeholder::before { content: "\f111"; transform: scale(0.8); color: white; opacity: 0.8; } .video.video--placeholder:hover::after { color: #3d8b40; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**** EMOJI ****/ img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; } body.maintenance { text-align: center; } body.maintenance p { color: #3d8b40; font-size: 1.3em; } .button { padding: 12px 16px; line-height: 1.3125; display: inline-block; cursor: pointer; text-decoration: none; -webkit-appearance: none; letter-spacing: 0.1rem; color: #495f80; background: none; font-family: "Anonymous Pro", monospace, Courier; font-size: 1.1rem; font-weight: 600; border: 0; border-radius: 4px; margin: 0; text-transform: none; transition: 0.3s background, 0.3s border-color, 0.3s color, 0.3s opacity; text-align: center; min-width: 0; } .button.button--main, .button.button--secondary, .button:hover { background-color: #3d8b40; text-decoration: none; color: white; opacity: 1; } html.dark-mode .button.button--main, html.dark-mode .button.button--secondary, html.dark-mode .button:hover { color: white; } .button.button--secondary { background-color: #242F3F; } html.dark-mode .button.button--secondary { background-color: #242F3F; color: white; } html.dark-mode .button.button--secondary:hover { background-color: #3d8b40; } .button.button--secondary:hover { background-color: #3d8b40; } .button:not(.button--clean):before { content: "[ "; } .button:not(.button--clean):after { content: " ]"; } .button.button--small { padding: 0; background: none; } .button.button--small:hover { transition: 0; color: #3d8b40; background: none; } .button.button--small:hover.button--warning { color: #C83D2F; } .button.button--wide { display: block; text-align: center; margin-top: 1em; width: 100%; } .button.button--wide.button--wide-clean { margin-top: 0; } .button.button--main:hover { background-color: #459d48; } html.dark-mode .button.button--main:hover { background-color: #459d48; } .button.button--warning:hover { background: #C83D2F; color: white; } .button i:not(:last-child) { padding-right: 5px; } .button-group { overflow: hidden; display: flex; } .button-group.button-group--wide { width: 100%; } .button-group.button-group--wide .label, .button-group.button-group--wide .button:not(.button-dropdown-show) { flex: 1 1 auto; } .button-group .label { display: flex; align-items: center; background: #eee; border-radius: 4px; justify-content: center; } html.dark-mode .button-group .label { background-color: rgba(255, 255, 255, 0.05); } .button-group .label ~ .button { background-color: #242F3F; color: white; } .button-group .label ~ .button:hover { background-color: #3d8b40 !important; } .button-group .label, .button-group .button { min-width: 0; margin-left: 1px; } .button-group .label:not(:first-child), .button-group .button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button-group .label:first-child, .button-group .button:first-child { margin-left: 0; } .button-group .label:not(:last-child):not(.button-dropdown-show), .button-group .button:not(:last-child):not(.button-dropdown-show) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-group.button-group--small .label, .button-group.button-group--small .button { padding: 6px 8px; } .button-group.button-group--small .label:not(.button--background), .button-group.button-group--small .button:not(.button--background) { color: #666; background: none; } .button-group.button-group--small .label:not(.button--background):hover, .button-group.button-group--small .button:not(.button--background):hover { color: #3d8b40; } .button-group.button-group--small .label:not(.button--background):hover.button--warning, .button-group.button-group--small .button:not(.button--background):hover.button--warning { color: #C83D2F !important; } html.dark-mode .button-group.button-group--small .label:not(.button--background), html.dark-mode .button-group.button-group--small .button:not(.button--background) { background: none; color: #999; } html.dark-mode .button-group.button-group--small .label:not(.button--background):hover, html.dark-mode .button-group.button-group--small .button:not(.button--background):hover { color: #3d8b40; } .button-group.button-group--dropdown { position: relative; overflow: visible; } .button-group.button-group--dropdown .button-dropdown-show.toggle-visible { background: #3d8b40; color: white; } .button-group.button-group--dropdown.button-group--small .button-dropdown-show.toggle-visible { background: none; color: #3d8b40; } .button-group.button-group--dropdown .button-dropdown-menu { display: none; position: absolute; top: 100%; right: 0; min-width: 180px; padding: 8px 0; margin: 8px 0; background: white; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); z-index: 500; } html.dark-mode .button-group.button-group--dropdown .button-dropdown-menu { background-color: #000000; } .button-group.button-group--dropdown .button-dropdown-menu li { list-style: none; text-align: left; font-size: 13px; line-height: 1.5; margin-bottom: 0; } .button-group.button-group--dropdown .button-dropdown-menu li.seperator { margin: 8px 0; background-color: #eee; height: 1px; } html.dark-mode .button-group.button-group--dropdown .button-dropdown-menu li.seperator { background-color: rgba(255, 255, 255, 0.05); } html.dark-mode .button-group.button-group--dropdown .button-dropdown-menu li.seperator { background-color: rgba(255, 255, 255, 0.05); } .button-group.button-group--dropdown .button-dropdown-menu li a { padding: 8px 15px; display: block; width: 100%; border-radius: 0; border: 0; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-shadow: none; box-shadow: none; text-align: left; font-size: 13px; font-weight: normal; text-decoration: none; } .button-group.button-group--dropdown.right .button-dropdown-menu { right: 0; left: auto; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=number]::-moz-inner-spin-button, input[type=number]::-moz-outer-spin-button, input[type=number]::-o-inner-spin-button, input[type=number]::-o-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input, textarea, select, fieldset { margin: 0; } input:not([type=radio]):not(.button), textarea, select { font-size: 13px; font-weight: 300; display: unset; line-height: normal; padding: 0 10px; min-height: 38px; width: 100%; border: 1px solid #eee; border-radius: 3px; transition: border-color ease-in-out .15s; color: #222; } input:not([type=radio]):not(.button)[type=file], textarea[type=file], select[type=file] { border: none; padding: 0; } input:not([type=radio]):not(.button):focus, textarea:focus, select:focus { border-color: #3d8b40; } html.dark-mode input:not([type=radio]):not(.button), html.dark-mode textarea, html.dark-mode select { background-color: #353535; color: #dddddd; border-color: rgba(255, 255, 255, 0.05); } html.dark-mode input:not([type=radio]):not(.button):focus, html.dark-mode textarea:focus, html.dark-mode select:focus { border-color: #3d8b40; } input[type=file] { background: none !important; } textarea { padding: 10px; } form { overflow: hidden; position: relative; margin-bottom: 0; } form .input { overflow: hidden; margin-bottom: 1em; } form .input.input--hidden { margin: 0; padding: 0; } form .input.input--prepend { display: flex; } form .input.input--prepend span { font-weight: bold; display: unset; background: #2d3b4f; line-height: 38px; padding: 0 10px; min-height: 38px; color: white; border-radius: 3px 0 0 3px; } form .input.input--prepend input { border-radius: 0 3px 3px 0; } form .input label { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 500; margin-bottom: 2px; text-transform: none; display: block; margin-bottom: .5rem; font-size: 1.3em; font-weight: 600; } form .input .form-image-preview { position: relative; display: inline-block; margin-bottom: 1.5rem; } form .input .form-image-preview .form-image-preview-remove { opacity: 0; background: rgba(200, 61, 47, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.3s; display: flex; justify-content: center; align-items: center; text-indent: -10000px; } form .input .form-image-preview .form-image-preview-remove::before { content: "\f1f8"; background: #C83D2F; color: white; font-size: 3rem; line-height: 6rem; width: 6rem; height: 6rem; border-radius: 50%; text-align: center; cursor: pointer; text-indent: 0; } form .input .form-image-preview:hover .form-image-preview-remove { opacity: 1; } form .input .form-image-preview img { display: block; } form .input select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 8px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: calc(2.25rem + 2px); } form .input textarea { width: 100%; min-width: 100%; max-width: 100%; min-height: 135px; padding: 10px; } form .input.input--checkbox label { font-size: 1em; line-height: 1.2em; } form .input input[type=checkbox] { width: auto; float: left; min-height: auto; margin: 2px 8px; } form .input .toggle input[type=radio] { background-color: #eee; } form .input .toggle input[type=radio]::before { content: attr(data-label); } form .input .toggle input[type=radio]::after { content: ""; } form .input .toggle input[type=radio]:hover { color: #3d8b40 !important; } form .input .toggle input[type=radio]:checked { background-color: #3d8b40 !important; color: white; } form .input .toggle input[type=radio]:checked:hover { color: white !important; } html.dark-mode form .input .toggle input[type=radio] { background-color: rgba(255, 255, 255, 0.05); color: white; } form .input.input--repeater .row { margin: 0.8em 0; } form .input .markdown-editor { border-radius: 3px; } form .input .markdown-editor .editor-toolbar { border: 1px solid #eee; border-bottom: 0; border: 0; background: #242F3F; opacity: 1; } form .input .markdown-editor .editor-toolbar i.separator { border-left-color: #3f4d62; border-right: none; } html.dark-mode form .input .markdown-editor .editor-toolbar i.separator { border-left-color: rgba(255, 255, 255, 0.05); } form .input .markdown-editor .editor-toolbar a { color: #ddd !important; border: none; background: none !important; font-size: 0.8em; } form .input .markdown-editor .editor-toolbar a:hover { background: #2d3b4f !important; } form .input .markdown-editor .editor-toolbar.disabled-for-preview a:not(.no-disable) { opacity: 0.2; } form .input .markdown-editor .editor-toolbar.disabled-for-preview a.fa-eye { background: #3d8b40 !important; } form .input .markdown-editor .editor-statusbar { padding: 0; } form .input .markdown-editor .editor-statusbar > span { min-width: 0; } form .input .markdown-editor .editor-statusbar .help { float: left; margin-left: 0; } form .input .markdown-editor .editor-preview { background: white; } html.dark-mode form .input .markdown-editor .editor-preview { background-color: #1e1e1e; } form .input .markdown-editor .cm-s-paper { border-radius: 0; border: 1px solid #eee; cursor: text; color: #222; } html.dark-mode form .input .markdown-editor .cm-s-paper { color: #dddddd; border-color: rgba(255, 255, 255, 0.05); background-color: #353535; } html.dark-mode form .input .markdown-editor .cm-s-paper pre { background: none; color: #dddddd; } html.dark-mode form .input .markdown-editor .cm-s-paper .CodeMirror-cursor { border-color: #dddddd; } html.dark-mode form .input .markdown-editor { background-color: #1e1e1e; } html.dark-mode form .input .markdown-editor .editor-toolbar { border-color: rgba(255, 255, 255, 0.05); } form .input-description p { margin-bottom: 0.6em; } form .input-description p span { font-family: "Anonymous Pro", monospace, Courier; color: #3d8b40; } @media (max-width: 700px) { form { width: 100%; } form .input label { text-align: left; } } .autocomplete-output { position: absolute; background: #eee; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.025); min-width: 250px; z-index: 750; } html.dark-mode .autocomplete-output { background: #000000; box-shadow: none; } .autocomplete-output ul { list-style: none; margin-bottom: 0; } .autocomplete-output ul li { margin: 0; padding: 0.4em 1em; cursor: pointer; } .autocomplete-output ul li:hover { background: #242F3F; color: white; } html.no-js body:not(.auth) form .input .markdown-editor .markdown-editor-controls { display: none; } html.no-js body:not(.auth) form .input .markdown-editor textarea { width: 100%; } html.no-js body:not(.auth) form .input .markdown-editor .markdown-editor-preview { display: none; } ul.clean { list-style: none; margin-bottom: 0; } ul.clean li:last-child { margin-bottom: 0; } ul.list { margin: 0; padding: 0; list-style: none; } ul.list > li { margin: 0; border-top: 1px solid #eee; padding: 10px 5px; } ul.list > li:first-child { padding-top: 0; } ul.list > li:last-child { padding-bottom: 0; } html.dark-mode ul.list > li { border-top-color: rgba(255, 255, 255, 0.05); } ul.list > li:first-child { border: none; } ul.list > li > .block { margin-bottom: 0 !important; } ul.list.list--flex li { display: flex; align-items: center; } ul.list.list--flex li div img { display: block; } ul.list.list--flex li div.list-subject { font-size: 1.1em; flex-grow: 1; } ul.list.list--flex li div:not(:first-child) { margin-left: 1em; } table { width: 100%; border-collapse: collapse; } table thead { background: #242F3F; color: white; } html.dark-mode table thead { background: #353535; } table thead th { color: white; font-size: 1em; padding: 10px 15px; font-weight: bold; } table tr:nth-child(2n) { background: #eee; } html.dark-mode table tr:nth-child(2n) { background: rgba(255, 255, 255, 0.05); } table tr:nth-child(2n) .progress { background: white; } html.dark-mode table tr:nth-child(2n) .progress { background: rgba(255, 255, 255, 0.05); } table tr td, table tr th { text-align: left; white-space: nowrap; vertical-align: middle; border: none; } table tr td { padding: 10px 15px; } table tr td small { display: block; font-size: 0.9em; } /* Header */ body > header, body > #header > header { position: fixed; z-index: 100; top: 0; left: 0; right: 0; height: 40px; background: #2d3b4f; font-size: 1em; } html.dark-mode body > header, html.dark-mode body > #header > header { background: rgba(30, 30, 30, 0.7); } @media (max-width: 700px) { body > header, body > #header > header { text-align: center; } } body > header ul, body > header li, body > header ul ul, body > header li li, body > #header > header ul, body > #header > header li, body > #header > header ul ul, body > #header > header li li { list-style: none; margin: 0; } body > header a.show-sidebar, body > header a.back, body > #header > header a.show-sidebar, body > #header > header a.back { width: 45px; line-height: 40px; color: white; font-size: 22px; float: left; text-align: center; } body > header a.show-sidebar.back, body > header a.back.back, body > #header > header a.show-sidebar.back, body > #header > header a.back.back { width: 40px; } @media (min-width: 1100px) { body > header a.show-sidebar, body > header a.back, body > #header > header a.show-sidebar, body > #header > header a.back { display: none; } } body > header a.logo, body > #header > header a.logo { float: none; color: white; display: inline-block; font-size: 16px; line-height: 40px; font-family: "Orbitron", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; height: 40px; width: 220px; padding: 0 12px; } @media (max-width: 1100px) and (min-width: 700px) { body > header a.logo, body > #header > header a.logo { display: none; } } @media (max-width: 700px) { body > header a.logo, body > #header > header a.logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } } body > header ul.breadcrumb, body > #header > header ul.breadcrumb { display: inline-block; border-left: 1px solid #242F3F; height: 100%; position: absolute; top: 0; left: 219px; line-height: 40px; padding: 0 20px; } html.dark-mode body > header ul.breadcrumb, html.dark-mode body > #header > header ul.breadcrumb { border-color: #121212; } @media (max-width: 1100px) { body > header ul.breadcrumb, body > #header > header ul.breadcrumb { position: relative; left: 0; } } @media (max-width: 700px) { body > header ul.breadcrumb, body > #header > header ul.breadcrumb { display: none; } } body > header ul.breadcrumb li, body > #header > header ul.breadcrumb li { display: inline; } body > header ul.breadcrumb li a, body > #header > header ul.breadcrumb li a { color: white; display: inline-block; } body > header ul.breadcrumb li a:hover, body > #header > header ul.breadcrumb li a:hover { color: #3d8b40; } body > header ul.breadcrumb li:not(:first-child), body > #header > header ul.breadcrumb li:not(:first-child) { position: relative; padding-left: 26px; } body > header ul.breadcrumb li:not(:first-child)::before, body > #header > header ul.breadcrumb li:not(:first-child)::before { content: ""; position: absolute; width: 25px; display: inline-block; background: transparent url("https://zhr3.co.uk/arrow.svg") no-repeat scroll center center; transform: rotate(-90deg); height: 25px; top: 50%; margin-top: -13px; left: -1px; } body > header nav, body > #header > header nav { float: right; height: 40px; line-height: 40px; text-align: left; padding-top: env(safe-area-inset-top); } body > header nav ul li, body > #header > header nav ul li { float: left; } body > header nav a:hover, body > #header > header nav a:hover { text-decoration: none; } body > header nav > *, body > #header > header nav > * { float: left; } body > header nav > ul, body > #header > header nav > ul { margin-left: 10px; } body > header nav > ul > li, body > #header > header nav > ul > li { margin-bottom: 0; } body > header nav > ul > li > a, body > #header > header nav > ul > li > a { height: 40px; padding: 0 12px; color: white; display: block; font-family: 'Lato', sans-serif; font-weight: 300; } body > header nav > ul > li > a:hover, body > header nav > ul > li > a.popup-handle--active, body > #header > header nav > ul > li > a:hover, body > #header > header nav > ul > li > a.popup-handle--active { color: white; background: #242F3F; } html.dark-mode body > header nav > ul > li > a:hover, html.dark-mode body > header nav > ul > li > a.popup-handle--active, html.dark-mode body > #header > header nav > ul > li > a:hover, html.dark-mode body > #header > header nav > ul > li > a.popup-handle--active { color: white; background: #353535; } body > header nav > ul > li div.popup, body > #header > header nav > ul > li div.popup { display: none; background: #242F3F; width: 400px; top: 100%; right: 0; left: auto; position: absolute; text-align: left; font-size: 1.2rem; line-height: 1.6em; padding: 1em; color: white; } html.dark-mode body > header nav > ul > li div.popup, html.dark-mode body > #header > header nav > ul > li div.popup { background: #353535; } body > header nav > ul > li div.popup a, body > #header > header nav > ul > li div.popup a { color: white; } body > header nav > ul > li div.popup a:hover, body > #header > header nav > ul > li div.popup a:hover { color: #3d8b40; } body > header nav > ul > li div.popup.popup--open, body > #header > header nav > ul > li div.popup.popup--open { display: block; } body > header nav > ul > li div.popup.popup--loading, body > #header > header nav > ul > li div.popup.popup--loading { min-height: 120px; } body > header nav > ul > li div.popup.popup--loading::before, body > header nav > ul > li div.popup.popup--loading::after, body > #header > header nav > ul > li div.popup.popup--loading::before, body > #header > header nav > ul > li div.popup.popup--loading::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: #242F3F; z-index: 2000; } html.dark-mode body > header nav > ul > li div.popup.popup--loading::before, html.dark-mode body > header nav > ul > li div.popup.popup--loading::after, html.dark-mode body > #header > header nav > ul > li div.popup.popup--loading::before, html.dark-mode body > #header > header nav > ul > li div.popup.popup--loading::after { background: #353535; } body > header nav > ul > li div.popup.popup--loading::after, body > #header > header nav > ul > li div.popup.popup--loading::after { z-index: 2001; background-image: url("https://zhr3.co.uk/loader.png"); background-position: center; background-repeat: no-repeat; } body > header nav > ul > li.nav-account, body > #header > header nav > ul > li.nav-account { line-height: 40px; display: inline-block; position: relative; } body > header nav > ul > li.nav-account > a, body > #header > header nav > ul > li.nav-account > a { display: flex; align-items: center; } body > header nav > ul > li.nav-account > a img, body > #header > header nav > ul > li.nav-account > a img { margin-right: 1em; height: 70%; border-radius: 5px; } body > header nav > ul > li.nav-account > a::after, body > #header > header nav > ul > li.nav-account > a::after { content: "\f078"; padding-left: 1em; font-size: 0.8em; color: #666; } body > header nav > ul > li.nav-account > a:hover::after, body > #header > header nav > ul > li.nav-account > a:hover::after { color: white; } @media (max-width: 700px) { body > header nav > ul > li.nav-account, body > #header > header nav > ul > li.nav-account { width: 40px; text-indent: -1000px; } body > header nav > ul > li.nav-account a img, body > #header > header nav > ul > li.nav-account a img { max-width: 40px; padding-left: 0; margin-right: 0; } body > header nav > ul > li.nav-account a span, body > #header > header nav > ul > li.nav-account a span { display: none; } body > header nav > ul > li.nav-account a::after, body > #header > header nav > ul > li.nav-account a::after { display: none; } body > header nav > ul > li.nav-account ul, body > #header > header nav > ul > li.nav-account ul { text-indent: 0; } } body > header nav > ul > li.nav-account .popup, body > #header > header nav > ul > li.nav-account .popup { width: auto; min-width: 200px; padding: 0; } body > header nav > ul > li.nav-account .popup h3, body > #header > header nav > ul > li.nav-account .popup h3 { margin: 1em 1rem 0; } body > header nav > ul > li.nav-account .popup ul, body > #header > header nav > ul > li.nav-account .popup ul { font-size: 1.2em; } body > header nav > ul > li.nav-account .popup ul:last-child, body > #header > header nav > ul > li.nav-account .popup ul:last-child { margin-bottom: 0; } body > header nav > ul > li.nav-account .popup ul li, body > #header > header nav > ul > li.nav-account .popup ul li { float: none; } body > header nav > ul > li.nav-account .popup ul li a, body > #header > header nav > ul > li.nav-account .popup ul li a { padding: 1rem 2rem; display: block; } body > header nav > ul > li.nav-account .popup ul li a:hover, body > #header > header nav > ul > li.nav-account .popup ul li a:hover { color: white; background: #3d8b40; } body > header nav > ul > li.nav-account .popup ul:last-child, body > #header > header nav > ul > li.nav-account .popup ul:last-child { margin-top: 1.8rem; } body > header nav > ul > li.nav-notifications, body > #header > header nav > ul > li.nav-notifications { line-height: 40px; text-align: center; font-size: 16px; position: relative; } body > header nav > ul > li.nav-notifications.nav-notifications--unread > a::after, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a::after { content: ""; width: 15px; height: 15px; background: #3d8b40; border-radius: 100%; position: absolute; right: 7px; top: 5px; border: 2px solid #2d3b4f; } html.dark-mode body > header nav > ul > li.nav-notifications.nav-notifications--unread > a::after, html.dark-mode body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread > a::after { border-color: #1e1e1e; } body > header nav > ul > li.nav-notifications.nav-notifications--unread:hover > a::after, body > header nav > ul > li.nav-notifications.nav-notifications--unread a.popup-handle--active::after, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread:hover > a::after, body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread a.popup-handle--active::after { border-color: #242F3F; } html.dark-mode body > header nav > ul > li.nav-notifications.nav-notifications--unread:hover > a::after, html.dark-mode body > header nav > ul > li.nav-notifications.nav-notifications--unread a.popup-handle--active::after, html.dark-mode body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread:hover > a::after, html.dark-mode body > #header > header nav > ul > li.nav-notifications.nav-notifications--unread a.popup-handle--active::after { border-color: #353535; } body > header nav > ul > li.nav-notifications .popup h3, body > #header > header nav > ul > li.nav-notifications .popup h3 { text-transform: capitalize; } body > header nav > ul > li.nav-notifications .popup .notification, body > #header > header nav > ul > li.nav-notifications .popup .notification { margin-bottom: 0.6rem; color: #999; } body > header nav > ul > li.nav-notifications .popup .notification::before, body > #header > header nav > ul > li.nav-notifications .popup .notification::before { display: none; } body > header nav > ul > li.nav-notifications .popup h3:not(:first-child), body > #header > header nav > ul > li.nav-notifications .popup h3:not(:first-child) { margin-top: 1.2rem; } body > header nav > ul > li.nav-notifications .popup .footer, body > #header > header nav > ul > li.nav-notifications .popup .footer { text-align: center; display: block; padding: 0.8em; background: #2d3b4f; color: white; margin: -1em; margin-top: 2rem; } html.dark-mode body > header nav > ul > li.nav-notifications .popup .footer, html.dark-mode body > #header > header nav > ul > li.nav-notifications .popup .footer { background: rgba(30, 30, 30, 0.7); } body > header nav > ul > li.nav-notifications .popup .footer:hover, body > #header > header nav > ul > li.nav-notifications .popup .footer:hover { background: #3d8b40 !important; color: white; } @media (max-width: 1100px) { body > header nav > ul > li.medal-progress, body > #header > header nav > ul > li.medal-progress { display: none; } } body > header nav > ul > li.medal-progress .small, body > #header > header nav > ul > li.medal-progress .small { color: white; } .nav-mobile { position: fixed; bottom: 0; left: 0; right: 0; background: #2d3b4f; z-index: 45; padding-bottom: env(safe-area-inset-bottom); } @media (max-width: 700px) { .nav-mobile { display: flex !important; display: none !important; } } .nav-mobile a { color: white; flex: 1 1 0px; text-align: center; font-size: 0.8rem; line-height: 1em; padding: 1rem 0; } .nav-mobile a i { display: block; font-size: 1.3rem; padding-bottom: 0.5rem; } .notification.notification--unread::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 9px; margin-right: 0.2em; background: #3d8b40; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 500; } .modal { position: fixed; top: 100px; left: 50%; width: 600px; min-height: 100px; margin-left: -300px; background: white; padding: 2em; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.025); z-index: 500; } html.dark-mode .modal { background: #000000; box-shadow: none; } .modal.feedback-success, .modal.feedback-error { display: flex; flex-direction: column; align-items: center; justify-content: center; } .modal.feedback-success i, .modal.feedback-error i { font-size: 15em; } .modal.feedback-success.feedback-success i, .modal.feedback-error.feedback-success i { color: #3d8b40; } .modal.feedback-success.feedback-error i, .modal.feedback-error.feedback-error i { color: #C83D2F; } .modal.feedback-success span, .modal.feedback-error span { display: block; text-align: center; font-size: 2em; margin-top: 1em; } /* Sidebar */ nav#sidebar { background: #242F3F; border: none; width: 220px; position: fixed; top: 40px; left: 0; bottom: 0; transform-style: preserve-3d; display: flex; flex-direction: column; z-index: 50; overflow-y: auto; -webkit-overflow-scrolling: touch; } html.dark-mode nav#sidebar { background-color: #121212; } @media (max-width: 1100px) { nav#sidebar { left: -220px; transition: transform 0.3s; transform: translate3d(0, 0, 0); } } @media (max-width: 700px) { nav#sidebar { left: -100%; width: 100%; transition: transform 0.3s; transform: translate3d(0, 0, 0); } } nav#sidebar .sidebar-content { flex-grow: 1; } nav#sidebar .sidebar-content .form--search { display: flex; } nav#sidebar .sidebar-content .form--search input[type=text] { border-radius: 0; border: none; background: rgba(45, 59, 79, 0.5); color: white; } nav#sidebar .sidebar-content .form--search button { flex: 0 0 auto; padding: 12px 10px; height: 100%; border-radius: 0; color: white; background: rgba(45, 59, 79, 0.5); } nav#sidebar .sidebar-content .form--search button:hover { background: #3d8b40; } nav#sidebar .sidebar-content .form--search button::before, nav#sidebar .sidebar-content .form--search button::after { content: ''; } nav#sidebar .sidebar-content ul, nav#sidebar .sidebar-content li, nav#sidebar .sidebar-content ul ul, nav#sidebar .sidebar-content li li { list-style: none; margin: 0; } html.dark-mode nav#sidebar .sidebar-content a:hover { color: #3d8b40 !important; } nav#sidebar .sidebar-content > ul { padding: 0.6em 0; /* Sub-nav */ } nav#sidebar .sidebar-content > ul a:hover { list-style: none; text-decoration: none; } nav#sidebar .sidebar-content > ul .label { text-transform: uppercase; font-weight: bold; color: #eeeeee; font-size: 1em; letter-spacing: 2px; } nav#sidebar .sidebar-content > ul .label > span, nav#sidebar .sidebar-content > ul .label > a, nav#sidebar .sidebar-content > ul .label > div { color: inherit; display: block; padding: 0.5em 12px 0.4em 12px; } nav#sidebar .sidebar-content > ul .label a:hover { color: #3d8b40; } nav#sidebar .sidebar-content > ul .label div.section-content { overflow: hidden; margin-top: 0.8em; } nav#sidebar .sidebar-content > ul .label div.section-content .small { font-size: 8px; margin-top: 0.3em; color: #666; } html.dark-mode nav#sidebar .sidebar-content > ul .label div.section-content .small { color: #666; } nav#sidebar .sidebar-content > ul .sidebar-item-expand { position: absolute; right: 0; top: 0; height: 40px; width: 34px; cursor: pointer; text-align: center; color: white; } nav#sidebar .sidebar-content > ul .sidebar-item-expand:hover { color: white; } nav#sidebar .sidebar-content > ul .sidebar-item-expand i { line-height: 34px; color: inherit; } nav#sidebar .sidebar-content > ul .sidebar-item-expand .fa-angle-up { display: none; } nav#sidebar .sidebar-content > ul .sidebar-item-expand.toggle-visible .fa-angle-up { display: block; } nav#sidebar .sidebar-content > ul .sidebar-item-expand.toggle-visible .fa-angle-down { display: none; } nav#sidebar .sidebar-content > ul > li:not(.label) { position: relative; } nav#sidebar .sidebar-content > ul > li:not(.label).selected > a, nav#sidebar .sidebar-content > ul > li:not(.label).selected > span { background: #2d3b4f; } html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).selected > a, html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).selected > span { background: rgba(30, 30, 30, 0.7); } nav#sidebar .sidebar-content > ul > li:not(.label).selected ul { display: block; } nav#sidebar .sidebar-content > ul > li:not(.label) span, nav#sidebar .sidebar-content > ul > li:not(.label) a { padding: 0.4em 12px; display: block; text-align: left; border-bottom: medium none; color: white; font-size: 1em; font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; cursor: pointer; } nav#sidebar .sidebar-content > ul > li:not(.label) > ul > li:first-child > a { padding-top: 1em; } nav#sidebar .sidebar-content > ul > li:not(.label) > ul > li:last-child > a { padding-bottom: 1em; } nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > span, nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > a, nav#sidebar .sidebar-content > ul > li:not(.label):not(.selected) > a:hover { background: #3d8b40; } nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > span .tag, nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > a .tag, nav#sidebar .sidebar-content > ul > li:not(.label):not(.selected) > a:hover .tag { background: #459d48; } html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > span, html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > a, html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label):not(.selected) > a:hover { background: none; } html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > span .tag, html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label).hover:not(.selected) > a .tag, html.dark-mode nav#sidebar .sidebar-content > ul > li:not(.label):not(.selected) > a:hover .tag { background: #3d8b40; } nav#sidebar .sidebar-content > ul ul { display: none; background: #11171f; margin: 0; } html.dark-mode nav#sidebar .sidebar-content > ul ul { background-color: rgba(255, 255, 255, 0.05); } nav#sidebar .sidebar-content > ul ul li.active > a, nav#sidebar .sidebar-content > ul ul a:hover { background: inherit; color: #3d8b40; text-decoration: none; } nav#sidebar .sidebar-footer { padding-bottom: 1em; text-align: center; overflow: hidden; } nav#sidebar .sidebar-footer a { color: white; } nav#sidebar .sidebar-footer a:hover { color: #3d8b40; } @media (max-width: 1100px) { body.sidebar--open nav#sidebar { transform: translate3d(100%, 0px, 0px); } } body.no-js .sidebar-item-expand { display: none; } /* Homepage */ body.home { margin-top: 0; } body.home .hackthis-intro { display: block; background: black; color: white; min-height: 30vh; text-align: center; display: flex; align-items: center; } body.home .hackthis-intro h2 { color: green; font-size: 3.5rem; font-family: "Orbitron", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.1em; } body.home .hackthis-intro .container p a { text-shadow: none; text-shadow: 0.03em 0 black, -0.03em 0 black, 0 0.03em black, 0 -0.03em black, 0.06em 0 black, -0.06em 0 black, 0.09em 0 black, -0.09em 0 black, 0.12em 0 black, -0.12em 0 black, 0.15em 0 black, -0.15em 0 black; } body.home #header { background: #242F3F; background: linear-gradient(180deg, #2d3b4f 0%, #242F3F 100%); height: 45vh; min-height: 300px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } body.home #header header { display: none; } body.home #header header a.show-sidebar { display: none; } body.home #header header a.logo { opacity: 0; cursor: default; transition: opacity 0.3s; } body.home #header header.logo-visible { display: block; } body.home #header header.logo-visible a.logo { opacity: 1; cursor: pointer; } body.home #header .splash-overlay { position: absolute; top: -7px; right: -20px; bottom: 0; left: -20px; font-family: "Anonymous Pro", monospace, Courier; font-size: 16px; color: #404d60; text-align: center; line-height: 1.1em; text-shadow: 0px 1px 2px rgba(20, 20, 20, 0.1); opacity: 0.6; user-select: none; pointer-events: none; } body.home #header > .logo { position: relative; overflow: hidden; text-align: center; letter-spacing: 4px; text-shadow: 0 0 10px rgba(20, 20, 20, 0.75); color: white; } body.home #header > .logo h1 { font-size: 3.5em; } body.home #header > .logo .small { font-size: 1.4rem; color: white; line-height: 1.2em; } body.home #header > .logo a { color: white; } body.home #header > .logo a:not(.button) { font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } body.home #header > .logo a:not(.button):hover { color: #3d8b40; } body.home #header > .logo a.button { font-size: 2rem; margin-top: 35px; margin-bottom: 15px; padding: 1em 3em; } body.home .section { padding: 50px 0; } body.home .section.section--onboarding p { font-size: 1.2em; line-height: 1.6em; } body.home .section.section--onboarding .onboarding { display: flex; align-items: center; margin: 6em 0; text-align: left; } body.home .section.section--onboarding .onboarding .onboarding-description { padding: 0 100px; } body.home .section.section--onboarding .onboarding .onboarding-description strong { color: #3d8b40; } body.home .section.section--onboarding .onboarding .onboarding-image { text-align: right; } body.home .section.section--onboarding .onboarding .onboarding-image:first-child { text-align: left; } body.home .section.section--onboarding .onboarding .onboarding-image img { width: 300px; } @media (max-width: 700px) { body.home .section.section--onboarding .onboarding .onboarding-image { text-align: center !important; } body.home .section.section--onboarding .onboarding .onboarding-description { padding: 0; } } body.home footer { padding: 50px 0; background: #242F3F; color: white; } body.home footer h3 { font-size: 1.5rem; margin-bottom: 0.4em; } body.home footer .row .columns p a { text-shadow: 0.03em 0 #242F3F, -0.03em 0 #242F3F, 0 0.03em #242F3F, 0 -0.03em #242F3F, 0.06em 0 #242F3F, -0.06em 0 #242F3F, 0.09em 0 #242F3F, -0.09em 0 #242F3F, 0.12em 0 #242F3F, -0.12em 0 #242F3F, 0.15em 0 #242F3F, -0.15em 0 #242F3F; color: white; } body.home footer .row .columns p a:hover { color: #3d8b40; } @media (max-width: 700px) { body.home #header { height: auto; padding: 50px 10px; } body.home #header > .logo h1 { font-size: 2.4em; } body.home .section { padding: 2em; } body.home .section h3 { font-size: 2em; line-height: 1.2em; } body.home .section .onboarding { flex-direction: column; margin: 2em 0 0 0; } body.home .section .onboarding .onboarding-description { padding: 0; order: 2; } body.home .section .onboarding .onboarding-image { order: 1; text-align: center; margin-bottom: 1em; } body.home .section .onboarding .onboarding-image:first-child { text-align: center; } body.home .section .onboarding .onboarding-image img { height: 100px; width: auto; } body.home footer { padding: 2em; } body.home footer .columns { margin-bottom: 2em; } body.home footer .columns:last-child { margin-bottom: 0; } } .block { background: white; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.025); margin-bottom: 2rem; } html.dark-mode .block { background: #1e1e1e; box-shadow: none; } .block.block--clear:after { content: ''; display: block; clear: both; } .block.block--clear { overflow: hidden; } @media (max-width: 700px) { .block.block--advert { margin-left: 3em; margin-right: 3em; } } .block.block--blank { display: flex; flex: 1 1 auto; align-items: center; flex-direction: column; padding: 5em 0; } .block.block--blank .block-content { text-align: center; } .block.block--blank .block-content i { font-size: 4em; margin-bottom: 0.3em; color: #666; } html.dark-mode .block.block--blank .block-content i { color: #999; } .block.block--share .block-content { display: flex; justify-content: space-around; } .block.block--share .block-content a { font-size: 3rem; } .block.block--share .block-content a i.fa-facebook { color: #3b5998; } .block.block--share .block-content a i.fa-twitter { color: #08a0e9; } .block.block--share .block-content a i.fa-reddit { color: #FF4500; } .block.block--share .block-content a i.fa-digg { color: #000; } .block.block--share .block-content a:hover { opacity: 0.6; } .block .block:not(.block--highlight) { margin-bottom: 4rem; } .block .block:not(.block--highlight), .block.block--clean { background: none; box-shadow: none; } .block .block:not(.block--highlight) .block-heading, .block.block--clean .block-heading { padding-top: 0; padding-left: 0; padding-right: 0; } .block .block:not(.block--highlight) .block-heading ~ .block-content, .block.block--clean .block-heading ~ .block-content { padding-top: 20px; } .block .block:not(.block--highlight) .block-content, .block.block--clean .block-content { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .block .block:not(.block--highlight).block--clean .block-content, .block.block--clean.block--clean .block-content { padding-top: 0; } html.dark-mode .block .block:not(.block--highlight), html.dark-mode .block.block--clean { background: none; box-shadow: none; } .block.block--highlight { background: #242F3F; color: white; } .block.block--highlight > .block-heading { color: white; } .block.block--error > .block-heading { background: #C83D2F; color: white; } .block.block--error > .block-heading::after { border: none; } .block .block--highlight { background: #F9F9F9; color: #222; } .block .block--highlight > .block-heading { color: #222; } html.dark-mode .block .block--highlight { background: #353535; color: #dddddd; } html.dark-mode .block .block--highlight > .block-heading { color: #dddddd; } .block .block-heading { padding: 20px; padding-bottom: 0; } .block .block-heading::after { display: block; content: ""; padding: 10px 20px 0; border-bottom: 1px solid #eee; } html.dark-mode .block .block-heading::after { border-bottom-color: rgba(255, 255, 255, 0.05); } .block .block-heading.block-heading--primary, .block .block-heading.block-heading--secondary { padding-bottom: 20px; color: white; } .block .block-heading.block-heading--primary.block-heading--primary, .block .block-heading.block-heading--secondary.block-heading--primary { background: #3d8b40; } .block .block-heading.block-heading--primary.block-heading--secondary, .block .block-heading.block-heading--secondary.block-heading--secondary { background: #242F3F; } .block .block-heading.block-heading--primary::after, .block .block-heading.block-heading--secondary::after { display: none; } .block .block-heading.block-heading--primary a, .block .block-heading.block-heading--secondary a { color: white; } .block .block-heading.block-heading--primary a:hover, .block .block-heading.block-heading--secondary a:hover { text-decoration: underline; } .block .block-heading h1, .block .block-heading h2, .block .block-heading h3, .block .block-heading h4, .block .block-heading h5, .block .block-heading h6 { margin: 0; } .block .block-content { padding: 20px; } .block .block-content.block-content--flex { display: flex; } .block .block-content.block-content--flex > div { flex: 1 1 auto; } .block .block-content.block-content--flex > div:not(:first-child) { margin-left: 5em; } @media (max-width: 700px) { .block .block-content.block-content--flex { flex-direction: column; } .block .block-content.block-content--flex > div:not(:first-child) { margin-top: 5em; margin-left: 0; width: 100%; } } .block .block-content > .block-content { padding: 0; } .block .block-content ~ .block-content { padding-top: 0; margin-top: -20px; } .block p:last-child { margin-bottom: 0; } .block.block--offside { position: fixed; top: 5em; right: 0; z-index: 99999; max-width: 100%; width: 400px; transition: 0.3s; transform: translateX(400px); } .block.block--offside.block--offside-open { transform: translateX(0); } .block.block--offside.block--offside-open .block-heading { background: #3d8b40; } .block.block--offside .block-heading { position: absolute; left: -3em; background: rgba(30, 30, 30, 0.7); padding: 1em 0; writing-mode: sideways-lr; line-height: 3em; color: white; cursor: pointer; letter-spacing: 2px; } .block.block--offside .block-heading:hover { background: #3d8b40; } .block.block--offside .block-heading::after { display: none; } .user-card .block-content { display: flex; } .user-card .block-content .user-card-avatar { flex: 0 0 auto; margin-right: 1.2em; } .user-card .block-content .user-card-avatar img { width: 80px; height: 80px; } .user-card .block-content .user-card-details { flex: 1 1 auto; display: flex; flex-direction: column; } .user-card .block-content .user-card-details > div:first-child { flex: 1 1 auto; margin-bottom: 0.8em; } .user-card .block-content .user-card-details > div:first-child h3 { margin-bottom: 0.5rem; font-size: 1.8rem; } .user-card .block-content .user-card-details p { margin-bottom: 0; } .feed .feed-item { border-top: 1px solid #eee; padding: 1.5em 0 1em; } html.dark-mode .feed .feed-item { border-top-color: rgba(255, 255, 255, 0.05); } .feed .feed-item:first-child { padding-top: 0; } .feed .feed-item:last-child { padding-bottom: 0; } .feed .feed-item:first-child { border-top: 0; } .feed .feed-item .feed-item-left { width: 50px; margin-right: 0.5em; float: left; } .feed .feed-item .feed-item-left * { max-width: 100%; } .feed .feed-item .feed-item-main { overflow: hidden; } .feed .feed-item .feed-item-main .feed-item-header { display: flex; align-items: center; } .feed .feed-item .feed-item-main .feed-item-header > * { flex: 0 0 auto; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-title { font-size: 1.7rem; margin: 0; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-avatar { flex-basis: 40px; margin-right: 10px; display: block; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-avatar img { display: block; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-count { margin-right: 1em; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-count div { background: #242F3F; text-align: center; width: 3em; height: 2em; line-height: 2em; border-radius: 0.5em; color: white; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-count div.no-replies { background: #eee; color: #222; } html.dark-mode .feed .feed-item .feed-item-main .feed-item-header .feed-item-count div.no-replies { background: rgba(255, 255, 255, 0.05); color: white; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-count div.new-replies { background: #3d8b40; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-details { flex-grow: 1; flex-shrink: 1; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-details .small a { color: inherit; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-details .small a[data-text=author] { font-weight: bold; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-details .small a:hover { color: #3d8b40; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-type, .feed .feed-item .feed-item-main .feed-item-header .feed-item-subtype, .feed .feed-item .feed-item-main .feed-item-header .feed-item-topic { display: inline-block; padding: 1px 6px; font-size: 0.9em; color: #222; float: left; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-type:only-child, .feed .feed-item .feed-item-main .feed-item-header .feed-item-subtype:only-child, .feed .feed-item .feed-item-main .feed-item-header .feed-item-topic:only-child { border-radius: 4px; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-type { background: #242F3F; color: white; border-radius: 4px 0px 0px 4px; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-type.feed-item-type--parent { border-radius: 4px; } .feed .feed-item .feed-item-main .feed-item-header a.feed-item-type:hover { background: #3d8b40; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-subtype { background: #353535; border-radius: 0px 4px 4px 0px; color: white; } .feed .feed-item .feed-item-main .feed-item-header a.feed-item-subtype:hover { background: #3d8b40; } .feed .feed-item .feed-item-main .feed-item-header .feed-item-topic { background: purple; border-radius: 4px; } .feed .feed-item .feed-item-main .feed-item-content { margin: 0.5em 0; } .feed a.feed-item { display: block; color: inherit; } .feed a.feed-item .feed-item-title { color: #495f80; } .feed a.feed-item:hover { color: inherit; } .feed a.feed-item:hover .feed-item-title { color: #3d8b40; } @media (max-width: 700px) { .feed .feed-item .feed-item-main .feed-item-header .feed-item-avatar { display: none; } } .feed.feed--global .block-content { height: 20.7em; overflow: hidden; } .feed.feed--global .block-content .feed-item { padding: 0.5em 0; border-top: 0; border-bottom: 1px solid #eee; } html.dark-mode .feed.feed--global .block-content .feed-item { border-bottom-color: rgba(255, 255, 255, 0.05); } .feed.feed--global .block-content .feed-item:last-child { border-bottom: 0; } .feed.feed--global .block-content .feed-item .feed-item-main { height: 3.1em; } body.dashboard .dashboard-news .dashboard-news-page { display: flex; flex-wrap: wrap; justify-content: space-between; } body.dashboard .dashboard-news .dashboard-news-page:not(:first-child) { display: none; } body.dashboard .dashboard-news .dashboard-news-page .dashboard-news-item { flex: 0 0 45%; border-top: 0; padding-top: 0; padding-bottom: 3rem; } body.dashboard .dashboard-news .dashboard-news-page .dashboard-news-item .dashboard-news-item-title { font-size: 1.2em; margin-bottom: 0.3em; display: block; } body.dashboard .dashboard-news .dashboard-news-navigation { text-align: center; } body.dashboard .dashboard-news .dashboard-news-navigation a:not(.active) { opacity: 0.4; text-decoration: none; } body.dashboard .dashboard-news .dashboard-news-navigation a:not(.active):hover { cursor: default; color: #3d8b40; } @media (max-width: 700px) { body.dashboard .dashboard-news .dashboard-news-page .dashboard-news-item { flex-basis: 100%; } body.dashboard .dashboard-news .dashboard-news-page .dashboard-news-item:nth-child(n+5) { display: none; } body.dashboard .dashboard-news .dashboard-news-navigation { display: none; } } /* Article */ #content.article .article-container { background: white; } html.dark-mode #content.article .article-container { background: #1e1e1e; } #content.article article .article-hero { height: 250px; background-size: cover; background-position: center; margin-bottom: 2rem; } #content.article article h1.article-title { padding: 0 20px; line-height: 1.4em; font-weight: 500; } #content.article article h1.article-title.article-title--no-image { margin-top: 20px; } @media (min-width: 700px) { #content.article article h1.article-title { font-size: 2.8em; } } @media (max-width: 700px) { #content.article article h1.article-title { padding: 1.5rem; margin-bottom: 0; } } #content.article article .article-body { padding: 0 20px; margin-bottom: 2rem; font-size: 16px; } #content.article article .article-body * { line-height: 1.45em; margin-bottom: 1.45em; margin-top: 0em; } #content.article article .article-body > :not(pre):first-child { margin-top: 0 !important; padding-top: 0 !important; } #content.article article .article-body h1, #content.article article .article-body h2, #content.article article .article-body h3 { margin-top: 0.9em; margin-bottom: 0.4em; } @media (max-width: 700px) { #content.article article .article-body { padding: 1.5rem; } } @media (min-width: 700px) { #content.article article .article-body h1 { font-size: 1.9em; line-height: 1.3em; margin-top: 1.8em; margin-bottom: 1em; } #content.article article .article-body h2 { font-size: 1.4em; line-height: 1.3em; margin-top: 1.8em; margin-bottom: 0.8em; margin-left: 2rem; } #content.article article .article-body h3 { font-size: 1.2em; line-height: 1.1em; margin-top: 1.6em; margin-bottom: 1em; } } #content.article article .article-body h1 + h2 { margin-top: -0.3em; } #content.article article .article-body h2, #content.article article .article-body h3, #content.article article .article-body p, #content.article article .article-body ul, #content.article article .article-body ol { margin-left: 2rem; margin-right: 2rem; } @media (max-width: 700px) { #content.article article .article-body h2, #content.article article .article-body h3, #content.article article .article-body p, #content.article article .article-body ul, #content.article article .article-body ol { margin-left: 0; margin-right: 0; } } #content.article article .article-body hr { margin: 3em 10em 3em 10em; } #content.article article .article-body code { display: inline-block; margin-top: 0; margin-bottom: 0; padding: 0.2em 0.4em; border-radius: 5px; display: initial; white-space: unset; } #content.article article .article-body pre { margin: 1.45em -20px; } @media (max-width: 700px) { #content.article article .article-body pre { margin-left: 0; margin-right: 0; max-height: 50vh; } } #content.article article .article-body pre code { padding: 0; background: none !important; } #content.article article .article-body blockquote { font-family: "Orbitron", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; margin-top: 2.5rem; margin-bottom: 2.5rem; margin-left: 2rem; padding-left: 1.2rem; border-left: 4px solid #242F3F; font-size: 1.3em; } #content.article article .article-body blockquote.pullquote { font-size: 1.5em; float: right; max-width: 20em; margin-left: 2em; margin-bottom: 0.5emem; } #content.article article .article-body iframe { border: medium none; height: 400px; outline: medium none; width: 75%; margin-top: 2.5rem; margin-bottom: 2.5rem; margin-left: 2rem; } #content.article article .article-body ul, #content.article article .article-body ol { padding-left: 0; list-style-position: outside; } #content.article article .article-body ul li, #content.article article .article-body ol li { margin-bottom: 0.3em; } @media (max-width: 700px) { #content.article article .article-body ul li, #content.article article .article-body ol li { margin-left: 1em; } } #content.article article .article-body ul { list-style-type: disc; } #content.article article .article-body ol { list-style-type: decimal; } #content.article article .article-body ul ul, #content.article article .article-body ol ul { list-style-type: circle; margin-left: 15px; } #content.article article .article-body ol ol, #content.article article .article-body ul ol { list-style-type: lower-latin; margin-left: 15px; } #content.article article .article-body .article-challenge { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px; margin: 40px; } html.dark-mode #content.article article .article-body .article-challenge { border-color: rgba(255, 255, 255, 0.05); } @media (max-width: 700px) { #content.article article .article-body .article-challenge { margin: 20px 0; } } #content.article article .article-body .article-challenge .debug > * { display: none; } @media only screen and (max-width: 1100px) { #content.article { width: auto; } } body.playground .levels-list ul { list-style: none; } body.playground .levels-list ul li { font-family: "Anonymous Pro", monospace, Courier; } body.playground .levels-list ul li.level-completed a { color: #3d8b40; } body.playground .levels-list ul li a { display: flex; } body.playground .levels-list ul li a > * { margin: 0 10px; } body.playground .levels-list ul li a > *:first-child { margin-left: 0; } body.playground .levels-list ul li a > *:last-child { margin-right: 0; } body.playground .levels-list ul li a .level-title { flex-grow: 1; } body.playground .levels-list ul li a .level-difficulty, body.playground .levels-list ul li a .level-completed, body.playground .levels-list ul li a .level-success { text-align: right; min-width: 60px; } @media (max-width: 700px) { body.playground .levels-list ul li a { flex-wrap: wrap; } body.playground .levels-list ul li a .level-title { width: 100%; } body.playground .levels-list ul li a > :not(.level-title) { font-size: 0.8em; color: #666; text-align: left !important; flex-grow: 1; } html.dark-mode body.playground .levels-list ul li a > :not(.level-title) { color: #999; } } body.playground .levels-subjects ul { list-style: none; } body.playground .levels-subjects ul > li { margin-bottom: 1px; } body.playground .levels-subjects ul > li > a { display: block; padding: 6px 8px; color: #495f80; } body.playground .levels-subjects ul > li > a:hover { background: #3d8b40 !important; color: white; } html.dark-mode body.playground .levels-subjects ul > li > a { color: #FFFFFF; } body.playground .levels-subjects ul > li.active > a { background: #242F3F; color: white; font-weight: bold; letter-spacing: 1px; } body.playground .block-heading .user-status { font-size: 0.9em; } body.playground .block-heading .next-level i { font-size: 0.7em; vertical-align: middle; } body.playground .level { position: relative; } body.playground .level .level-container .level-badge { text-align: center; margin: 2em; font-size: 2em; } body.playground .level .level-container .level-badge .level-badge-emoji { margin: 0 auto; font-size: 200px; line-height: 200px; margin-bottom: 3rem; } body.playground .level .level-container .level-badge .small { margin-top: 1rem; font-size: 2rem; } body.playground .level .level-container .block--share .block-content { display: block; } body.playground .level .level-container .block--share .block-content a { text-decoration: none; background-image: none; padding: 0 1rem; } body.playground .level .level-container .level-description { margin-bottom: 3em; } body.playground .level .level-container form { width: 100%; } body.playground .level .level-container .level-output { font-size: 0.8em; overflow: auto; margin-top: 2em; } body.playground .level .level-container .level-output .iframe-header { padding: 0.3em 0.5em; background: #242F3F; color: white; display: block; border-radius: 4px 4px 0 0; } body.playground .level .level-container .level-output iframe { display: block; background: #eee; height: 300px; width: 100%; border-radius: 0 0 4px 4px; } html.dark-mode body.playground .level .level-container .level-output iframe { background: rgba(255, 255, 255, 0.05); } body.playground .level-stats--progress { font-size: 0.9em; } body.playground .level-stats--progress h3 { margin-bottom: 0.2em; font-size: 2.1em; } body.playground .level-stats--progress .right { font-size: 0.8em; } .playground-next-level-hero .block-content > a { display: flex; color: #222; } html.dark-mode .playground-next-level-hero .block-content > a { color: #dddddd; } .playground-next-level-hero .block-content > a:hover h2 { color: #3d8b40; } .playground-next-level-hero .block-content > a:hover .medal { opacity: 1; } .playground-next-level-hero .block-content > a .medal { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; background: #242F3F; border-radius: 4px; flex-shrink: 0; opacity: 0.9; } .playground-next-level-hero .block-content > a .medal.medal--bronze { background: #c27b35; } .playground-next-level-hero .block-content > a .medal.medal--silver { background: silver; } .playground-next-level-hero .block-content > a .medal.medal--gold { background: #FBB829; } .playground-next-level-hero .block-content > a .medal.medal--green { background: #4caf50; } .playground-next-level-hero .block-content > a .medal i { font-size: 3em; color: white; } .playground-next-level-hero .block-content > a .level-details { margin: 0 1em; flex: 1 0 auto; } @media (max-width: 700px) { .playground-next-level-hero .block-content > a .level-details { margin: 0; } } .playground-next-level-hero .block-content > a .level-graph { flex: 0 1 300px; } .discussion-list .discussion-list-sidebar h3 { margin-bottom: 0.3em; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics { margin-top: 2em; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul { list-style: none; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li { margin-bottom: 1px; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > a { display: block; padding: 6px 8px; color: #495f80; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > a:hover { background: #3d8b40 !important; color: white; } html.dark-mode .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > a { color: #FFFFFF; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li.active > a { background: #242F3F; color: white; font-weight: bold; letter-spacing: 1px; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li.active-child > a { background: #242F3F; color: white; font-weight: bold; letter-spacing: 1px; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > ul { list-style: none; margin: 0; margin-left: 1.5em; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > ul > li { margin: 0; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > ul > li > a { display: block; padding: 6px 8px; } .discussion-list .discussion-list-sidebar .discussion-list-sidebar-topics > ul > li > ul > li.active > a { background: #3d8b40; color: white; font-weight: bold; letter-spacing: 1px; } .discussion-list .discussion-topic-details { padding: 3rem; text-align: center; background: #3d8b40; color: white; margin-bottom: 1.5rem; } .discussion-list .discussion-topic-details h2 { font-size: 3em; line-height: 1.5em; margin: 0; } .discussion-list .discussion-topic-details p { margin: 0; } @media (max-width: 700px) { .discussion-list .discussion-topic-details h2 { font-size: 2em; } } .discussion-list .discussion-list-threads { margin: 2em 0 0.6em; } .discussion-list .discussion-list-threads .discussion-list-thread { padding: 1.5rem; margin-bottom: 0.5em; border-width: 0; } body.dashboard .discussion-list .discussion-list-threads .discussion-list-thread { border-width: 1px; } .discussion-list .discussion-list-threads .discussion-list-thread:nth-child(2n+1) { background: #eee; } html.dark-mode .discussion-list .discussion-list-threads .discussion-list-thread:nth-child(2n+1) { background-color: rgba(255, 255, 255, 0.05); } body.dashboard .discussion-list .discussion-list-threads .discussion-list-thread:nth-child(2n+1) { background: none !important; } .discussion-list .discussion-list-threads .discussion-list-thread .feed-item-header .discussion-list-topic { flex-shrink: 0; margin-left: 10px; } .discussion-list .discussion-list-threads .discussion-list-thread.discussion-list-thread--locked { opacity: 0.5; } .discussion-list .discussion-list-threads .discussion-list-thread.discussion-list-thread--denied { position: relative; } .discussion-list .discussion-list-threads .discussion-list-thread.discussion-list-thread--denied .feed-item-main { filter: blur(2px); opacity: 0.2; } .discussion-list .discussion-list-threads .discussion-list-thread.discussion-list-thread--denied .feed-item-denied { position: absolute; top: 1.5rem; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; display: flex; justify-content: center; align-items: center; font-size: 1.1em; } @media (max-width: 700px) { .discussion-list .button.button--wide { margin: 1.5rem; width: auto !important; } .discussion-list .discussion-list-threads--sticky { margin-bottom: 3rem; } .discussion-list h3 { margin: 3rem 1.5rem 1rem; } } .discussion-thread .discussion-thread-message { overflow: visible; position: relative; } .discussion-thread .discussion-thread-message.highlight { box-shadow: 0px 0px 0px 2px #3d8b40; } .discussion-thread .discussion-thread-message.discussion-thread-message--answer::before { content: "\f069"; text-align: right; color: white; padding: 7px 7px 0 0; font-size: 15px; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: linear-gradient(to left bottom, #3d8b40 49%, transparent 50%); } .discussion-thread .discussion-thread-message.discussion-thread-message--removed { background: repeating-linear-gradient(45deg, #C83D2F, #C83D2F 30px, #1e1e1e 30px, #1e1e1e 60px); color: white; } .discussion-thread .discussion-thread-message.discussion-thread-message--removed a { color: white !important; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-header, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer { display: flex; flex-direction: row; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-header { margin-bottom: 1em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-header .discussion-thread-message-meta { font-size: 0.8em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-header .discussion-thread-message-meta .discussion-thread-message-author { font-size: 1.6em; line-height: 1.5em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer { margin-top: 3rem; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer .discussion-thread-message-content { font-size: 0.9em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer .discussion-thread-message-content p { margin-bottom: 1rem; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer .discussion-thread-message-content p img { max-height: 150px; width: auto; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-footer .discussion-thread-message-content::before { content: ""; margin-bottom: 1rem; display: block; border-top: 1px solid #666; opacity: 0.3; width: 5em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar { flex: 0 0 40px; margin-right: 20px; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar img { display: block; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar .discussion-thread-message-karma h3 { line-height: 1em; margin-bottom: 0; margin-top: 0.2em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar .discussion-thread-message-karma.discussion-thread-message-karma--up [data-karma=up] { opacity: 0.3; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar .discussion-thread-message-karma.discussion-thread-message-karma--up h3 { color: #3d8b40; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar .discussion-thread-message-karma.discussion-thread-message-karma--down [data-karma=down] { opacity: 0.3; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-sidebar .discussion-thread-message-karma.discussion-thread-message-karma--down h3 { color: #C83D2F; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-meta, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-content { flex: 1 1 auto; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main p:last-child { margin-bottom: 0; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content { font-size: 1.1em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol { padding-left: 0; list-style-position: outside; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul li, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol li { margin-bottom: 0.3em; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul li p, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol li p { display: inline; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul { list-style-type: disc; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol { list-style-type: decimal; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul ul, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol ul { list-style-type: circle; margin-left: 15px; } .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ol ol, .discussion-thread .discussion-thread-message .discussion-thread-message-container .discussion-thread-message-main .discussion-thread-message-content ul ol { list-style-type: lower-latin; margin-left: 15px; } .discussion-thread .discussion-thread-info .block-content { background: #3d8b40 !important; display: flex; justify-content: space-around; flex-wrap: wrap; color: white; } .discussion-thread .discussion-thread-info .block-content div { font-size: 2.2em; line-height: 1em; text-align: center; } .discussion-thread .discussion-thread-info .block-content div.discussion-thread-info-images { cursor: pointer; } .discussion-thread .discussion-thread-info .block-content div span { display: block; font-size: 1.2rem; line-height: 1em; } .discussion-thread .discussion-thread-reply .discussion-thread-reply-parent > strong { margin: 1.5rem 0; display: block; } @media (max-width: 700px) { .discussion-thread > h1 { margin: 4rem 1.5rem 1rem; } .discussion-thread .discussion-thread-message-main .discussion-thread-message-sidebar { display: none; } .discussion-thread .discussion-thread-reply { margin: 2rem 1.5rem; } } .discussion-scroll-indicator { position: fixed; bottom: 20px; right: 20px; text-align: center; } @media (max-width: 1300px) { .discussion-scroll-indicator { display: none; } } .discussion-scroll-indicator a { display: block; } .discussion-scroll-indicator a.button { margin-bottom: 10px; } .discussion-scroll-indicator a:not(.button) { width: 35px; display: inline-block; } .discussion-scroll-indicator .discussion-scroll-indicator-position { padding: 5px; } .discussions-report { list-style: none; } .discussions-report li { margin-left: 26px; overflow: visible; } .discussions-report li input { float: left; margin: 4px 0 0 -24px; } .discussions-report li .discussions-report-other { display: none; } .discussions-report li .discussions-report-other textarea { margin-top: 0.6em; } html.no-js .discussion-scroll-indicator { display: none; } body.messages .messages { position: fixed; left: 220px; top: 40px; bottom: 0; right: 0; display: flex; } body.messages .messages .messages-sidebar { flex-grow: 0; flex-shrink: 0; width: 350px; background: white; display: flex; flex-direction: column; } body.messages .messages .messages-sidebar .messages-list-nav { background: #3f4d62; flex: 0 0 3em; height: 1em; line-height: 1em; } body.messages .messages .messages-sidebar .messages-list-nav a { color: white; float: left; padding: 1em; } body.messages .messages .messages-sidebar .messages-list-nav a.messages-list-nav-next { float: right; } body.messages .messages .messages-sidebar .messages-list { overflow-y: auto; flex: 1; } html.dark-mode body.messages .messages .messages-sidebar .messages-list { background: #1e1e1e; color: white; } html.dark-mode body.messages .messages .messages-sidebar .messages-list .small { color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item { background: none; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 20px; cursor: pointer; display: flex; color: #222; } body.messages .messages .messages-sidebar .messages-list .messages-list-item:hover { background: #3f4d62; color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item:hover .small { color: white; } html.dark-mode body.messages .messages .messages-sidebar .messages-list .messages-list-item { color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item .messages-list-item-preview { flex: 1; } body.messages .messages .messages-sidebar .messages-list .messages-list-item .messages-list-item-preview .messages-list-item-preview-header { display: flex; align-items: center; font-size: 1em; } body.messages .messages .messages-sidebar .messages-list .messages-list-item .messages-list-item-preview .messages-list-item-preview-header strong { flex: 1; } body.messages .messages .messages-sidebar .messages-list .messages-list-item .messages-list-item-preview p { margin: 5px 0; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--new { background: #3d8b40; color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--new:hover { background: #459d48; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--new .small { color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--new .messages-list-item-preview-header .messages-list-item-new { display: block; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--active { background: #242F3F; color: white; } body.messages .messages .messages-sidebar .messages-list .messages-list-item.messages-list-item--active .small { color: white; } body.messages .messages .messages-conversation { flex: 1 1 auto; display: flex; flex-direction: column; } body.messages .messages .messages-conversation .messages-conversation-blank { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; } body.messages .messages .messages-conversation .messages-conversation-header { background: #3f4d62; padding: 1em 2em; z-index: 50; width: 100%; color: white; display: flex; align-items: center; } @media (max-width: 700px) { body.messages .messages .messages-conversation .messages-conversation-header { padding: 1em; } } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants { flex: 1; display: flex; align-items: center; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants img { margin-right: 1rem; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants > a { font-size: 1.3em; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants a { color: white; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants a .small { color: inherit; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants a:hover { color: #3d8b40; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-participants .tag { font-size: 0.8em; margin-left: 1rem; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-controls a { color: white; } @media (max-width: 700px) { body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-controls a { padding: 1em; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-controls a::before, body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-controls a::after { display: none; } body.messages .messages .messages-conversation .messages-conversation-header .messages-conversation-controls a i { padding: 0; } } body.messages .messages .messages-conversation .messages-conversation-content { flex: 1 1 auto; padding: 20px; overflow-y: auto; position: relative; align-items: center; display: flex; flex-direction: column; } body.messages .messages .messages-conversation .messages-conversation-content > * { width: 100%; max-width: 900px; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages { margin-bottom: 5em; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message { margin-right: 10em; padding: 1em; background: white; border-radius: 5px; margin-top: 3em; position: relative; } html.dark-mode body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message { background: #1e1e1e; color: white; } @media (max-width: 700px) { body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message { margin-right: 0em; } } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message .messages-conversation-message-meta { margin-bottom: 1em; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message .messages-conversation-message-meta a { font-size: 1.2em; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message p { margin-bottom: 1.5em; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message p:last-of-type { margin-bottom: 2em; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message .messages-conversation-message-avatar { width: 50px; height: 50px; background-size: cover; background-position: center; position: absolute; left: -15px; bottom: -15px; border-radius: 50%; border: 4px solid #F9F9F9; } html.dark-mode body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message .messages-conversation-message-avatar { border-color: #121212; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you { margin-right: 0; margin-left: 10em; background: #242F3F !important; color: white; } @media (max-width: 700px) { body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you { margin-left: 0em; } } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you a { color: white; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you a .small { color: white; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you p a { text-shadow: 0.03em 0 #242F3F, -0.03em 0 #242F3F, 0 0.03em #242F3F, 0 -0.03em #242F3F, 0.06em 0 #242F3F, -0.06em 0 #242F3F, 0.09em 0 #242F3F, -0.09em 0 #242F3F, 0.12em 0 #242F3F, -0.12em 0 #242F3F, 0.15em 0 #242F3F, -0.15em 0 #242F3F; } body.messages .messages .messages-conversation .messages-conversation-content .messages-conversation-messages .messages-conversation-message.messages-conversation-message--you .messages-conversation-message-avatar { right: -15px; left: auto; } body.messages .messages .messages-conversation .messages-conversation-content form { margin-bottom: 50px; } @media (max-width: 1100px) { body.messages--list .messages { position: static; flex-direction: column-reverse; } body.messages--list .messages .messages-conversation { margin: 3em 0; } body.messages--list .messages .messages-list { width: 100%; } body.messages--conversation .messages { position: static; flex-direction: column; } body.messages--conversation .messages .messages-list { display: none; } } .article-picks .article-picks-article .article-picks-article-image { background-size: cover; background-position: center; display: block; } .article-picks .article-picks-article.article-picks-article--latest { display: flex; padding: 20px; border-radius: 6px; background: #F9F9F9; margin-bottom: 2rem; } html.dark-mode .article-picks .article-picks-article.article-picks-article--latest { background: #353535; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-image { min-height: 200px; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-content { display: flex; flex-direction: column; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-content p { font-size: 16px; line-height: 26px; flex-grow: 1; } @media (max-width: 700px) { .article-picks .article-picks-article.article-picks-article--latest { flex-direction: column; padding: 0; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-image { margin-bottom: 1em; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-content { padding: 10px; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-content p { margin-bottom: 0; } .article-picks .article-picks-article.article-picks-article--latest .article-picks-article-content div { display: none; } } .article-picks .article-picks-older { display: flex; } .article-picks .article-picks-older .article-picks-article { flex: 0 1 25%; margin: 0 2em 0 0; } .article-picks .article-picks-older .article-picks-article:last-child { margin: 0; } .article-picks .article-picks-older .article-picks-article > div { margin-top: 2em; } .article-picks .article-picks-older .article-picks-article .article-picks-article-image { margin-top: 0; padding-bottom: 50%; } .article-picks .article-picks-older .article-picks-article .button { align-self: flex-start; } @media (max-width: 700px) { .article-picks .article-picks-older { flex-wrap: wrap; justify-content: space-between; display: none; } .article-picks .article-picks-older .article-picks-article, .article-picks .article-picks-older .article-picks-article:last-child { flex-basis: 48%; margin: 1em 0; } } [data-donator]::after { content: "\f004"; color: #3d8b40; font-size: 0.7em; padding-left: 0.3em; vertical-align: middle; margin-top: -0.2em; } .profile-meta .block-heading { text-align: center; } .profile-meta .block-heading.profile-meta-title { text-align: left; } .profile-meta .block-heading .profile-avatar { max-width: 100%; max-height: 250px; margin-bottom: 1em; } .profile-meta .block-heading .tags .tag { margin-left: 0; margin-right: 0.5em; margin-top: 1em; font-size: 1em; background: #eee; } html.dark-mode .profile-meta .block-heading .tags .tag { background: rgba(255, 255, 255, 0.05); } .profile-meta .block-heading h2 { color: #222; } html.dark-mode .profile-meta .block-heading h2 { color: #dddddd; } .profile-meta .block-heading h2:hover { color: #3d8b40 !important; } .profile-stat { font-size: 0.9em; overflow: hidden; display: flex; } .profile-stat div { flex: 1; } .profile-stat div h3 { margin-bottom: 0.2em; font-size: 2.1em; } .profile-stat div .right { font-size: 0.8em; } .profile-card .block-content { display: flex; } .profile-card .block-content .profile-card-avatar { margin-right: 1em; } .profile-card .block-content .profile-card-avatar img { max-height: 80px; } .profile-card .block-content .profile-card-details { flex: 1; } .profile-card .block-content .profile-card-details h2 { color: #222; margin-bottom: 0; } html.dark-mode .profile-card .block-content .profile-card-details h2 { color: #dddddd; } .profile-card .block-content .profile-card-details h2:hover { color: #3d8b40 !important; } .profile-card .block-content .profile-card-details h5 { margin-bottom: 0; margin-top: 1em; } .profile-card.profile-card--small .block-content .profile-card-avatar img { max-height: 60px; } .profile-card.profile-card--small .block-content h2 { font-size: 1.3em; } .user-profile-popup { position: absolute; width: 450px; } .user-profile-popup .profile-card { margin-bottom: 0; background: #242F3F; } html.dark-mode .user-profile-popup .profile-card { background: #242F3F; } .user-profile-popup .profile-card * { color: white; } .user-profile-popup .profile-card .profile-card-avatar img { display: block; } .user-profile-popup .profile-card .profile-card-details a h2 { display: inline-block; color: white; } .user-profile-popup .profile-card .profile-card-details h5 { margin-top: 0.5em; } body.stats .block--leaderboard table tbody tr td:first-child { text-align: center; font-size: 1.1em; } body.stats .block--leaderboard table tbody tr td:nth-child(2) { width: 40px; padding: 0; } body.stats .block--leaderboard table tbody tr td:nth-child(2) img { width: 100%; display: block; } body.stats .block--leaderboard table tbody tr td:nth-child(3) { width: 40%; } body.stats .block--leaderboard table tbody tr td:nth-child(4) { width: 20%; } body.stats .block--leaderboard table tbody tr td:nth-child(5), body.stats .block--leaderboard table tbody tr td:nth-child(6) { text-align: right; } body.stats .block--leaderboard table tbody tr.highlight { background: #3d8b40; } body.stats .block--leaderboard table tbody tr.highlight td, body.stats .block--leaderboard table tbody tr.highlight a { color: white; font-weight: bold; } body.stats .block--leaderboard table tbody tr.highlight span { color: white; } body.stats .block--leaderboard table .progress .progress-bar { background: #2d3b4f; } body.stats.stats--chat .block--users table .chat-stats-bar { height: 0.6em; border-radius: 3px; overflow: hidden; } body.stats.stats--chat .block--users table .chat-stats-bar .chat-stats-bar-section { height: 100%; float: left; } body.stats.stats--chat .block--users table .chat-stats-bar .chat-stats-bar-section.chat-stats-bar-section--morning { background: #fe7518; } body.stats.stats--chat .block--users table .chat-stats-bar .chat-stats-bar-section.chat-stats-bar-section--afternoon { background: green; } body.stats.stats--chat .block--users table .chat-stats-bar .chat-stats-bar-section.chat-stats-bar-section--evening { background: #ff2400; } body.stats.stats--chat .block--users table .chat-stats-bar .chat-stats-bar-section.chat-stats-bar-section--night { background: #1e1e1e; } body.shop .block--shop .block-content { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 700px) { body.shop .block--shop .block-content { flex-direction: column; } } body.shop .block--shop .block-content .shop-item { flex: 0 0 30%; } body.shop .block--shop .block-content .shop-item-description h3 { margin: 1em 0; } body.shop .block--product .four.columns img { margin-bottom: 1em; } body.shop .block--product .four.columns h3 { margin-bottom: 0.5em; } body.shop ul.list li div:last-child { min-width: 100px; text-align: right; } .medal-progress { width: 175px; } .medal-progress .small { line-height: 1em; padding: 9px 0 3px; font-size: 0.9em; } .medal-progress .small.right { font-size: 0.8em; padding: 10px 0 4px; } .medal-progress .medal-progress-medal::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 9px; } .medal-progress.medal-progress--bronze .progress-bar, .medal-progress.medal-progress--bronze .medal-progress-medal::before { background: #c27b35; } .medal-progress.medal-progress--silver .progress-bar, .medal-progress.medal-progress--silver .medal-progress-medal::before { background: silver; } .medal-progress.medal-progress--gold .progress-bar, .medal-progress.medal-progress--gold .medal-progress-medal::before { background: #FBB829; } .medal-progress.medal-progress--green .progress-bar, .medal-progress.medal-progress--green .medal-progress-medal::before { background: #4caf50; } ul.medal-list > li { padding-top: 20px; padding-bottom: 20px; } ul.medal-list > li ul { margin: 0; list-style: none; } ul.medal-list > li ul li { border: 0; padding-bottom: 0; display: flex; } ul.medal-list > li ul li div { flex: 1 1 auto; } ul.medal-list > li ul li .medal-progress { flex: 0 0 auto; margin-top: -7px; } @media (max-width: 700px) { ul.medal-list > li ul li { flex-direction: column; padding-top: 20px; } ul.medal-list > li ul li .medal-progress { width: 100%; margin-top: 0; } } .moderation-queues .feed-item { padding: 1.5em !important; margin-bottom: 0.5em; border: none; } .moderation-queues .feed-item:nth-child(2n+1) { background: #eee; } html.dark-mode .moderation-queues .feed-item:nth-child(2n+1) { background: rgba(255, 255, 255, 0.05); } .moderation-queues .feed-item .queue-count { margin-right: 1em; font-size: 2em; color: #3d8b40; line-height: 1em; text-align: center; } .moderation-queues .feed-item .queue-count span { display: block; color: #222; font-size: 1rem; line-height: 1em; } .moderation-queues .feed-item.feed-item--inactive { opacity: 0.6; } .moderation-queues .feed-item.feed-item--inactive .queue-count, .moderation-queues .feed-item.feed-item--inactive a { cursor: default; color: #666; } .discussion-moderation-target .discussion-moderation-controls { margin: -20px; margin-bottom: -20px; margin-bottom: 20px; padding: 20px; background: #3d8b40; } .discussion-moderation-target .discussion-moderation-controls .c-subtle { color: white; } .discussion-moderation-target .discussion-moderation-controls .button { border: none; padding: 1em 2em; min-width: 0; } .discussion-moderation-target .discussion-moderation-controls p { color: white; } .discussion-moderation-target .discussion-moderation-controls p:first-of-type { margin-top: 1.5em; } .discussion-moderation-target .discussion-moderation-controls p:last-of-type { margin-bottom: 0; } .moderation-tickets .multiple-actions { display: none; margin-bottom: 1rem; margin-left: 2rem; } .moderation-tickets .multiple-actions > i { position: relative; transform: scaleX(-1); top: 0.5em; } .moderation-tickets .multiple-actions.multiple-actions--bottom { margin-top: 1rem; } .moderation-tickets .multiple-actions.multiple-actions--bottom > i { transform: scaleX(-1) scaleY(-1); top: -0.5em; } .moderation-tickets .multiple-actions > strong { padding-left: 0.5em; } .moderation-tickets .multiple-actions .button-group { display: inline-flex; } .moderation-tickets .feed-item { display: flex; padding: 0; } .moderation-tickets .feed-item .feed-item-left { flex: 0 0 3em; display: flex; justify-content: center; } .moderation-tickets .feed-item .feed-item-left input { flex: 0; } .moderation-tickets .feed-item.active .feed-item-left { background: #3d8b40; } .moderation-tickets .feed-item-main { flex: 1; padding: 1.5em 0 1em; } body.show-multiple-actions .multiple-actions { display: block; } .form--search { display: flex; } .form--search div.input--text { flex-grow: 1; margin-bottom: 0; } .form--search div.input--text input[type=text] { border-radius: 0; } .container.search .form--search div.input--text input[type=text] { min-height: 60px; font-size: 20px; } .form--search button { flex: 0 0 auto; border-radius: 0; } .container.search .form--search button { min-height: 60px; } .search .search-results { margin-top: 2rem; } .search .search-results .article, .search .search-results .level { margin-bottom: 2em; } .search .search-results .discussion-list-thread { background: none !important; } /* Loader */ .loader { display: inline-block; width: 30px; height: 30px; position: relative; background-image: url("https://zhr3.co.uk/loader.png"); margin: 3em auto 1em; display: block; } body.error { background: #242F3F; color: white; } body.error #content { padding-top: 180px; } @media (max-width: 700px) { body.error #content { padding: 0 2em; } } body.error #content ul { list-style: none; margin-bottom: 0; margin-top: 3.5rem; } body.error #content ul a { color: white; font-size: 1.1em; } body.error #content ul a:hover { color: #3d8b40; } body.error #content ul a i { margin-right: 6px; } .tag { display: inline-block; padding: 0 0.5em 0.1em; font-size: 0.8em; border-radius: 5px; margin-left: 0.5em; } .tag.tag--red, .tag.tag--error { background: #C83D2F; color: white; } .tag.tag--green, .tag.tag--primary, .tag.tag--success { background: #3d8b40; color: white; } .tag.tag--secondary { background: #242F3F; color: white; } .tag.tag--secondary-alt { background: #2d3b4f; color: white; } .tag.tag--bronze { background: #c27b35; color: white; } .tag.tag--silver { background: silver; color: white; } .tag.tag--gold { background: #FBB829; color: white; }