semanticweb/The Business of Extracting Knowledge from Academic Publications_files/main

/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal } /* style.css */ /*kg-book */ /* style.css */ .kg-bookmark-card { width: 100%; position: relative; } .kg-bookmark-container { display: flex; flex-wrap: wrap; flex-direction: row-reverse; color: currentColor; font-family: inherit; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.1); } .kg-bookmark-container:hover { text-decoration: none; } .kg-bookmark-content { flex-basis: 0; flex-grow: 999; padding: 20px; order: 1; } .kg-bookmark-title { font-weight: 600; } .kg-bookmark-metadata, .kg-bookmark-description { margin-top: .5em; } .kg-bookmark-metadata { align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kg-bookmark-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .kg-bookmark-icon { display: inline-block; width: 1em; height: 1em; vertical-align: text-bottom; margin-right: .5em; margin-bottom: .05em; } .kg-bookmark-thumbnail { display: flex; flex-basis: 24rem; flex-grow: 1; } .kg-bookmark-thumbnail img { max-width: 100%; height: auto; vertical-align: bottom; object-fit: cover; } .kg-bookmark-author { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .kg-bookmark-publisher::before { content: "•"; margin: 0 .5em; } /*kg-book-end */ .content { width: 70%; margin: 0 auto; } article img { display: block; max-width: 100%; height: auto; } .kg-width-wide { position: relative; width: 85vw; min-width: 100%; margin: auto calc(50% - 50vw); transform: translateX(calc(50vw - 50%)); } .kg-width-full { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } article figure { margin: 0; } article figcaption { text-align: center; } body { margin: 0; } header, footer { margin: 0; /* padding: 15px 25px; background-color: #000; color: #fff; */ } .blockquote { border-left: .25rem solid #3eb0ef !important; color: inherit !important; font-style: inherit !important; font-size: 0.85rem !important; margin: 1em 2em 2em 1em !important; } .is-collapsible { overflow: initial !important; } .toc1 { display: flex !important; } .toc2 { margin: 1rem; padding: 1rem; border: 2px solid #40e0d063; } .thumbnail-1 { border-radius: 0.4rem; width: 150px; border: 3px white; background: white; vertical-align: sub } .thumbnail-2 { border-radius: 0.4rem; /* width: 150px; */ border: 3px black; background: white; vertical-align: sub; min-width: 50vw !important; } .toc-list-item { font-size: small !important; } .kg-image { border: 0.6px black solid !important; } .kg-image-w { border: 0.6px rgb(255, 255, 255) solid !important; } .author__urls li { white-space: inherit !important; } .author__urls-wrapper { margin-top: 2rem !important; } .post_preview_markus { display: flex; min-width: 50vw; } .masthead__inner-wrap { padding: 0 !important } .page_title { visibility: hidden !important; } .subscribe-email { border: 2px solid var(--purplehaze); } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none } .fa-ul > li { position: relative } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: .14286em; text-align: center } .fa-li.fa-lg { left: -1.85714em } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1) } :root { --purplehaze: #8365dccc; --velvet: #8f240ccc; --teal: #5dfad0cc; } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "" } .fa-music:before { content: "" } .fa-search:before { content: "" } .fa-envelope-o:before { content: "" } .fa-heart:before { content: "" } .fa-star:before { content: "" } .fa-star-o:before { content: "" } .fa-user:before { content: "" } .fa-film:before { content: "" } .fa-th-large:before { content: "" } .fa-th:before { content: "" } .fa-th-list:before { content: "" } .fa-check:before { content: "" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "" } .fa-search-plus:before { content: "" } .fa-search-minus:before { content: "" } .fa-power-off:before { content: "" } .fa-signal:before { content: "" } .fa-gear:before, .fa-cog:before { content: "" } .fa-trash-o:before { content: "" } .fa-home:before { content: "" } .fa-file-o:before { content: "" } .fa-clock-o:before { content: "" } .fa-road:before { content: "" } .fa-download:before { content: "" } .fa-arrow-circle-o-down:before { content: "" } .fa-arrow-circle-o-up:before { content: "" } .fa-inbox:before { content: "" } .fa-play-circle-o:before { content: "" } .fa-rotate-right:before, .fa-repeat:before { content: "" } .fa-refresh:before { content: "" } .fa-list-alt:before { content: "" } .fa-lock:before { content: "" } .fa-flag:before { content: "" } .fa-headphones:before { content: "" } .fa-volume-off:before { content: "" } .fa-volume-down:before { content: "" } .fa-volume-up:before { content: "" } .fa-qrcode:before { content: "" } .fa-barcode:before { content: "" } .fa-tag:before { content: "" } .fa-tags:before { content: "" } .fa-book:before { content: "" } .fa-bookmark:before { content: "" } .fa-print:before { content: "" } .fa-camera:before { content: "" } .fa-font:before { content: "" } .fa-bold:before { content: "" } .fa-italic:before { content: "" } .fa-text-height:before { content: "" } .fa-text-width:before { content: "" } .fa-align-left:before { content: "" } .fa-align-center:before { content: "" } .fa-align-right:before { content: "" } .fa-align-justify:before { content: "" } .fa-list:before { content: "" } .fa-dedent:before, .fa-outdent:before { content: "" } .fa-indent:before { content: "" } .fa-video-camera:before { content: "" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "" } .fa-pencil:before { content: "" } .fa-map-marker:before { content: "" } .fa-adjust:before { content: "" } .fa-tint:before { content: "" } .fa-edit:before, .fa-pencil-square-o:before { content: "" } .fa-share-square-o:before { content: "" } .fa-check-square-o:before { content: "" } .fa-arrows:before { content: "" } .fa-step-backward:before { content: "" } .fa-fast-backward:before { content: "" } .fa-backward:before { content: "" } .fa-play:before { content: "" } .fa-pause:before { content: "" } .fa-stop:before { content: "" } .fa-forward:before { content: "" } .fa-fast-forward:before { content: "" } .fa-step-forward:before { content: "" } .fa-eject:before { content: "" } .fa-chevron-left:before { content: "" } .fa-chevron-right:before { content: "" } .fa-plus-circle:before { content: "" } .fa-minus-circle:before { content: "" } .fa-times-circle:before { content: "" } .fa-check-circle:before { content: "" } .fa-question-circle:before { content: "" } .fa-info-circle:before { content: "" } .fa-crosshairs:before { content: "" } .fa-times-circle-o:before { content: "" } .fa-check-circle-o:before { content: "" } .fa-ban:before { content: "" } .fa-arrow-left:before { content: "" } .fa-arrow-right:before { content: "" } .fa-arrow-up:before { content: "" } .fa-arrow-down:before { content: "" } .fa-mail-forward:before, .fa-share:before { content: "" } .fa-expand:before { content: "" } .fa-compress:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-asterisk:before { content: "" } .fa-exclamation-circle:before { content: "" } .fa-gift:before { content: "" } .fa-leaf:before { content: "" } .fa-fire:before { content: "" } .fa-eye:before { content: "" } .fa-eye-slash:before { content: "" } .fa-warning:before, .fa-exclamation-triangle:before { content: "" } .fa-plane:before { content: "" } .fa-calendar:before { content: "" } .fa-random:before { content: "" } .fa-comment:before { content: "" } .fa-magnet:before { content: "" } .fa-chevron-up:before { content: "" } .fa-chevron-down:before { content: "" } .fa-retweet:before { content: "" } .fa-shopping-cart:before { content: "" } .fa-folder:before { content: "" } .fa-folder-open:before { content: "" } .fa-arrows-v:before { content: "" } .fa-arrows-h:before { content: "" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "" } .fa-twitter-square:before { content: "" } .fa-facebook-square:before { content: "" } .fa-camera-retro:before { content: "" } .fa-key:before { content: "" } .fa-gears:before, .fa-cogs:before { content: "" } .fa-comments:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-star-half:before { content: "" } .fa-heart-o:before { content: "" } .fa-sign-out:before { content: "" } .fa-linkedin-square:before { content: "" } .fa-thumb-tack:before { content: "" } .fa-external-link:before { content: "" } .fa-sign-in:before { content: "" } .fa-trophy:before { content: "" } .fa-github-square:before { content: "" } .fa-upload:before { content: "" } .fa-lemon-o:before { content: "" } .fa-phone:before { content: "" } .fa-square-o:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-phone-square:before { content: "" } .fa-twitter:before { content: "" } .fa-facebook-f:before, .fa-facebook:before { content: "" } .fa-github:before { content: "" } .fa-unlock:before { content: "" } .fa-credit-card:before { content: "" } .fa-feed:before, .fa-rss:before { content: "" } .fa-hdd-o:before { content: "" } .fa-bullhorn:before { content: "" } .fa-bell:before { content: "" } .fa-certificate:before { content: "" } .fa-hand-o-right:before { content: "" } .fa-hand-o-left:before { content: "" } .fa-hand-o-up:before { content: "" } .fa-hand-o-down:before { content: "" } .fa-arrow-circle-left:before { content: "" } .fa-arrow-circle-right:before { content: "" } .fa-arrow-circle-up:before { content: "" } .fa-arrow-circle-down:before { content: "" } .fa-globe:before { content: "" } .fa-wrench:before { content: "" } .fa-tasks:before { content: "" } .fa-filter:before { content: "" } .fa-briefcase:before { content: "" } .fa-arrows-alt:before { content: "" } .fa-group:before, .fa-users:before { content: "" } .fa-chain:before, .fa-link:before { content: "" } .fa-cloud:before { content: "" } .fa-flask:before { content: "" } .fa-cut:before, .fa-scissors:before { content: "" } .fa-copy:before, .fa-files-o:before { content: "" } .fa-paperclip:before { content: "" } .fa-save:before, .fa-floppy-o:before { content: "" } .fa-square:before { content: "" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "" } .fa-list-ul:before { content: "" } .fa-list-ol:before { content: "" } .fa-strikethrough:before { content: "" } .fa-underline:before { content: "" } .fa-table:before { content: "" } .fa-magic:before { content: "" } .fa-truck:before { content: "" } .fa-pinterest:before { content: "" } .fa-pinterest-square:before { content: "" } .fa-google-plus-square:before { content: "" } .fa-google-plus:before { content: "" } .fa-money:before { content: "" } .fa-caret-down:before { content: "" } .fa-caret-up:before { content: "" } .fa-caret-left:before { content: "" } .fa-caret-right:before { content: "" } .fa-columns:before { content: "" } .fa-unsorted:before, .fa-sort:before { content: "" } .fa-sort-down:before, .fa-sort-desc:before { content: "" } .fa-sort-up:before, .fa-sort-asc:before { content: "" } .fa-envelope:before { content: "" } .fa-linkedin:before { content: "" } .fa-rotate-left:before, .fa-undo:before { content: "" } .fa-legal:before, .fa-gavel:before { content: "" } .fa-dashboard:before, .fa-tachometer:before { content: "" } .fa-comment-o:before { content: "" } .fa-comments-o:before { content: "" } .fa-flash:before, .fa-bolt:before { content: "" } .fa-sitemap:before { content: "" } .fa-umbrella:before { content: "" } .fa-paste:before, .fa-clipboard:before { content: "" } .fa-lightbulb-o:before { content: "" } .fa-exchange:before { content: "" } .fa-cloud-download:before { content: "" } .fa-cloud-upload:before { content: "" } .fa-user-md:before { content: "" } .fa-stethoscope:before { content: "" } .fa-suitcase:before { content: "" } .fa-bell-o:before { content: "" } .fa-coffee:before { content: "" } .fa-cutlery:before { content: "" } .fa-file-text-o:before { content: "" } .fa-building-o:before { content: "" } .fa-hospital-o:before { content: "" } .fa-ambulance:before { content: "" } .fa-medkit:before { content: "" } .fa-fighter-jet:before { content: "" } .fa-beer:before { content: "" } .fa-h-square:before { content: "" } .fa-plus-square:before { content: "" } .fa-angle-double-left:before { content: "" } .fa-angle-double-right:before { content: "" } .fa-angle-double-up:before { content: "" } .fa-angle-double-down:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-angle-up:before { content: "" } .fa-angle-down:before { content: "" } .fa-desktop:before { content: "" } .fa-laptop:before { content: "" } .fa-tablet:before { content: "" } .fa-mobile-phone:before, .fa-mobile:before { content: "" } .fa-circle-o:before { content: "" } .fa-quote-left:before { content: "" } .fa-quote-right:before { content: "" } .fa-spinner:before { content: "" } .fa-circle:before { content: "" } .fa-mail-reply:before, .fa-reply:before { content: "" } .fa-github-alt:before { content: "" } .fa-folder-o:before { content: "" } .fa-folder-open-o:before { content: "" } .fa-smile-o:before { content: "" } .fa-frown-o:before { content: "" } .fa-meh-o:before { content: "" } .fa-gamepad:before { content: "" } .fa-keyboard-o:before { content: "" } .fa-flag-o:before { content: "" } .fa-flag-checkered:before { content: "" } .fa-terminal:before { content: "" } .fa-code:before { content: "" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "" } .fa-location-arrow:before { content: "" } .fa-crop:before { content: "" } .fa-code-fork:before { content: "" } .fa-unlink:before, .fa-chain-broken:before { content: "" } .fa-question:before { content: "" } .fa-info:before { content: "" } .fa-exclamation:before { content: "" } .fa-superscript:before { content: "" } .fa-subscript:before { content: "" } .fa-eraser:before { content: "" } .fa-puzzle-piece:before { content: "" } .fa-microphone:before { content: "" } .fa-microphone-slash:before { content: "" } .fa-shield:before { content: "" } .fa-calendar-o:before { content: "" } .fa-fire-extinguisher:before { content: "" } .fa-rocket:before { content: "" } .fa-maxcdn:before { content: "" } .fa-chevron-circle-left:before { content: "" } .fa-chevron-circle-right:before { content: "" } .fa-chevron-circle-up:before { content: "" } .fa-chevron-circle-down:before { content: "" } .fa-html5:before { content: "" } .fa-css3:before { content: "" } .fa-anchor:before { content: "" } .fa-unlock-alt:before { content: "" } .fa-bullseye:before { content: "" } .fa-ellipsis-h:before { content: "" } .fa-ellipsis-v:before { content: "" } .fa-rss-square:before { content: "" } .fa-play-circle:before { content: "" } .fa-ticket:before { content: "" } .fa-minus-square:before { content: "" } .fa-minus-square-o:before { content: "" } .fa-level-up:before { content: "" } .fa-level-down:before { content: "" } .fa-check-square:before { content: "" } .fa-pencil-square:before { content: "" } .fa-external-link-square:before { content: "" } .fa-share-square:before { content: "" } .fa-compass:before { content: "" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "" } .fa-euro:before, .fa-eur:before { content: "" } .fa-gbp:before { content: "" } .fa-dollar:before, .fa-usd:before { content: "" } .fa-rupee:before, .fa-inr:before { content: "" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "" } .fa-won:before, .fa-krw:before { content: "" } .fa-bitcoin:before, .fa-btc:before { content: "" } .fa-file:before { content: "" } .fa-file-text:before { content: "" } .fa-sort-alpha-asc:before { content: "" } .fa-sort-alpha-desc:before { content: "" } .fa-sort-amount-asc:before { content: "" } .fa-sort-amount-desc:before { content: "" } .fa-sort-numeric-asc:before { content: "" } .fa-sort-numeric-desc:before { content: "" } .fa-thumbs-up:before { content: "" } .fa-thumbs-down:before { content: "" } .fa-youtube-square:before { content: "" } .fa-youtube:before { content: "" } .fa-xing:before { content: "" } .fa-xing-square:before { content: "" } .fa-youtube-play:before { content: "" } .fa-dropbox:before { content: "" } .fa-stack-overflow:before { content: "" } .fa-instagram:before { content: "" } .fa-flickr:before { content: "" } .fa-adn:before { content: "" } .fa-bitbucket:before { content: "" } .fa-bitbucket-square:before { content: "" } .fa-tumblr:before { content: "" } .fa-tumblr-square:before { content: "" } .fa-long-arrow-down:before { content: "" } .fa-long-arrow-up:before { content: "" } .fa-long-arrow-left:before { content: "" } .fa-long-arrow-right:before { content: "" } .fa-apple:before { content: "" } .fa-windows:before { content: "" } .fa-android:before { content: "" } .fa-linux:before { content: "" } .fa-dribbble:before { content: "" } .fa-skype:before { content: "" } .fa-foursquare:before { content: "" } .fa-trello:before { content: "" } .fa-female:before { content: "" } .fa-male:before { content: "" } .fa-gittip:before, .fa-gratipay:before { content: "" } .fa-sun-o:before { content: "" } .fa-moon-o:before { content: "" } .fa-archive:before { content: "" } .fa-bug:before { content: "" } .fa-vk:before { content: "" } .fa-weibo:before { content: "" } .fa-renren:before { content: "" } .fa-pagelines:before { content: "" } .fa-stack-exchange:before { content: "" } .fa-arrow-circle-o-right:before { content: "" } .fa-arrow-circle-o-left:before { content: "" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "" } .fa-dot-circle-o:before { content: "" } .fa-wheelchair:before { content: "" } .fa-vimeo-square:before { content: "" } .fa-turkish-lira:before, .fa-try:before { content: "" } .fa-plus-square-o:before { content: "" } .fa-space-shuttle:before { content: "" } .fa-slack:before { content: "" } .fa-envelope-square:before { content: "" } .fa-wordpress:before { content: "" } .fa-openid:before { content: "" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "" } .fa-yahoo:before { content: "" } .fa-google:before { content: "" } .fa-reddit:before { content: "" } .fa-reddit-square:before { content: "" } .fa-stumbleupon-circle:before { content: "" } .fa-stumbleupon:before { content: "" } .fa-delicious:before { content: "" } .fa-digg:before { content: "" } .fa-pied-piper-pp:before { content: "" } .fa-pied-piper-alt:before { content: "" } .fa-drupal:before { content: "" } .fa-joomla:before { content: "" } .fa-language:before { content: "" } .fa-fax:before { content: "" } .fa-building:before { content: "" } .fa-child:before { content: "" } .fa-paw:before { content: "" } .fa-spoon:before { content: "" } .fa-cube:before { content: "" } .fa-cubes:before { content: "" } .fa-behance:before { content: "" } .fa-behance-square:before { content: "" } .fa-steam:before { content: "" } .fa-steam-square:before { content: "" } .fa-recycle:before { content: "" } .fa-automobile:before, .fa-car:before { content: "" } .fa-cab:before, .fa-taxi:before { content: "" } .fa-tree:before { content: "" } .fa-spotify:before { content: "" } .fa-deviantart:before { content: "" } .fa-soundcloud:before { content: "" } .fa-database:before { content: "" } .fa-file-pdf-o:before { content: "" } .fa-file-word-o:before { content: "" } .fa-file-excel-o:before { content: "" } .fa-file-powerpoint-o:before { content: "" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "" } .fa-file-code-o:before { content: "" } .fa-vine:before { content: "" } .fa-codepen:before { content: "" } .fa-jsfiddle:before { content: "" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "" } .fa-circle-o-notch:before { content: "" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "" } .fa-ge:before, .fa-empire:before { content: "" } .fa-git-square:before { content: "" } .fa-git:before { content: "" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "" } .fa-tencent-weibo:before { content: "" } .fa-qq:before { content: "" } .fa-wechat:before, .fa-weixin:before { content: "" } .fa-send:before, .fa-paper-plane:before { content: "" } .fa-send-o:before, .fa-paper-plane-o:before { content: "" } .fa-history:before { content: "" } .fa-circle-thin:before { content: "" } .fa-header:before { content: "" } .fa-paragraph:before { content: "" } .fa-sliders:before { content: "" } .fa-share-alt:before { content: "" } .fa-share-alt-square:before { content: "" } .fa-bomb:before { content: "" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "" } .fa-tty:before { content: "" } .fa-binoculars:before { content: "" } .fa-plug:before { content: "" } .fa-slideshare:before { content: "" } .fa-twitch:before { content: "" } .fa-yelp:before { content: "" } .fa-newspaper-o:before { content: "" } .fa-wifi:before { content: "" } .fa-calculator:before { content: "" } .fa-paypal:before { content: "" } .fa-google-wallet:before { content: "" } .fa-cc-visa:before { content: "" } .fa-cc-mastercard:before { content: "" } .fa-cc-discover:before { content: "" } .fa-cc-amex:before { content: "" } .fa-cc-paypal:before { content: "" } .fa-cc-stripe:before { content: "" } .fa-bell-slash:before { content: "" } .fa-bell-slash-o:before { content: "" } .fa-trash:before { content: "" } .fa-copyright:before { content: "" } .fa-at:before { content: "" } .fa-eyedropper:before { content: "" } .fa-paint-brush:before { content: "" } .fa-birthday-cake:before { content: "" } .fa-area-chart:before { content: "" } .fa-pie-chart:before { content: "" } .fa-line-chart:before { content: "" } .fa-lastfm:before { content: "" } .fa-lastfm-square:before { content: "" } .fa-toggle-off:before { content: "" } .fa-toggle-on:before { content: "" } .fa-bicycle:before { content: "" } .fa-bus:before { content: "" } .fa-ioxhost:before { content: "" } .fa-angellist:before { content: "" } .fa-cc:before { content: "" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "" } .fa-meanpath:before { content: "" } .fa-buysellads:before { content: "" } .fa-connectdevelop:before { content: "" } .fa-dashcube:before { content: "" } .fa-forumbee:before { content: "" } .fa-leanpub:before { content: "" } .fa-sellsy:before { content: "" } .fa-shirtsinbulk:before { content: "" } .fa-simplybuilt:before { content: "" } .fa-skyatlas:before { content: "" } .fa-cart-plus:before { content: "" } .fa-cart-arrow-down:before { content: "" } .fa-diamond:before { content: "" } .fa-ship:before { content: "" } .fa-user-secret:before { content: "" } .fa-motorcycle:before { content: "" } .fa-street-view:before { content: "" } .fa-heartbeat:before { content: "" } .fa-venus:before { content: "" } .fa-mars:before { content: "" } .fa-mercury:before { content: "" } .fa-intersex:before, .fa-transgender:before { content: "" } .fa-transgender-alt:before { content: "" } .fa-venus-double:before { content: "" } .fa-mars-double:before { content: "" } .fa-venus-mars:before { content: "" } .fa-mars-stroke:before { content: "" } .fa-mars-stroke-v:before { content: "" } .fa-mars-stroke-h:before { content: "" } .fa-neuter:before { content: "" } .fa-genderless:before { content: "" } .fa-facebook-official:before { content: "" } .fa-pinterest-p:before { content: "" } .fa-whatsapp:before { content: "" } .fa-server:before { content: "" } .fa-user-plus:before { content: "" } .fa-user-times:before { content: "" } .fa-hotel:before, .fa-bed:before { content: "" } .fa-viacoin:before { content: "" } .fa-train:before { content: "" } .fa-subway:before { content: "" } .fa-medium:before { content: "" } .fa-yc:before, .fa-y-combinator:before { content: "" } .fa-optin-monster:before { content: "" } .fa-opencart:before { content: "" } .fa-expeditedssl:before { content: "" } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "" } .fa-battery-2:before, .fa-battery-half:before { content: "" } .fa-battery-1:before, .fa-battery-quarter:before { content: "" } .fa-battery-0:before, .fa-battery-empty:before { content: "" } .fa-mouse-pointer:before { content: "" } .fa-i-cursor:before { content: "" } .fa-object-group:before { content: "" } .fa-object-ungroup:before { content: "" } .fa-sticky-note:before { content: "" } .fa-sticky-note-o:before { content: "" } .fa-cc-jcb:before { content: "" } .fa-cc-diners-club:before { content: "" } .fa-clone:before { content: "" } .fa-balance-scale:before { content: "" } .fa-hourglass-o:before { content: "" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "" } .fa-hourglass:before { content: "" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "" } .fa-hand-scissors-o:before { content: "" } .fa-hand-lizard-o:before { content: "" } .fa-hand-spock-o:before { content: "" } .fa-hand-pointer-o:before { content: "" } .fa-hand-peace-o:before { content: "" } .fa-trademark:before { content: "" } .fa-registered:before { content: "" } .fa-creative-commons:before { content: "" } .fa-gg:before { content: "" } .fa-gg-circle:before { content: "" } .fa-tripadvisor:before { content: "" } .fa-odnoklassniki:before { content: "" } .fa-odnoklassniki-square:before { content: "" } .fa-get-pocket:before { content: "" } .fa-wikipedia-w:before { content: "" } .fa-safari:before { content: "" } .fa-chrome:before { content: "" } .fa-firefox:before { content: "" } .fa-opera:before { content: "" } .fa-internet-explorer:before { content: "" } .fa-tv:before, .fa-television:before { content: "" } .fa-contao:before { content: "" } .fa-500px:before { content: "" } .fa-amazon:before { content: "" } .fa-calendar-plus-o:before { content: "" } .fa-calendar-minus-o:before { content: "" } .fa-calendar-times-o:before { content: "" } .fa-calendar-check-o:before { content: "" } .fa-industry:before { content: "" } .fa-map-pin:before { content: "" } .fa-map-signs:before { content: "" } .fa-map-o:before { content: "" } .fa-map:before { content: "" } .fa-commenting:before { content: "" } .fa-commenting-o:before { content: "" } .fa-houzz:before { content: "" } .fa-vimeo:before { content: "" } .fa-black-tie:before { content: "" } .fa-fonticons:before { content: "" } .fa-reddit-alien:before { content: "" } .fa-edge:before { content: "" } .fa-credit-card-alt:before { content: "" } .fa-codiepie:before { content: "" } .fa-modx:before { content: "" } .fa-fort-awesome:before { content: "" } .fa-usb:before { content: "" } .fa-product-hunt:before { content: "" } .fa-mixcloud:before { content: "" } .fa-scribd:before { content: "" } .fa-pause-circle:before { content: "" } .fa-pause-circle-o:before { content: "" } .fa-stop-circle:before { content: "" } .fa-stop-circle-o:before { content: "" } .fa-shopping-bag:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-hashtag:before { content: "" } .fa-bluetooth:before { content: "" } .fa-bluetooth-b:before { content: "" } .fa-percent:before { content: "" } .fa-gitlab:before { content: "" } .fa-wpbeginner:before { content: "" } .fa-wpforms:before { content: "" } .fa-envira:before { content: "" } .fa-universal-access:before { content: "" } .fa-wheelchair-alt:before { content: "" } .fa-question-circle-o:before { content: "" } .fa-blind:before { content: "" } .fa-audio-description:before { content: "" } .fa-volume-control-phone:before { content: "" } .fa-braille:before { content: "" } .fa-assistive-listening-systems:before { content: "" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "" } .fa-glide:before { content: "" } .fa-glide-g:before { content: "" } .fa-signing:before, .fa-sign-language:before { content: "" } .fa-low-vision:before { content: "" } .fa-viadeo:before { content: "" } .fa-viadeo-square:before { content: "" } .fa-snapchat:before { content: "" } .fa-snapchat-ghost:before { content: "" } .fa-snapchat-square:before { content: "" } .fa-pied-piper:before { content: "" } .fa-first-order:before { content: "" } .fa-yoast:before { content: "" } .fa-themeisle:before { content: "" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "" } .fa-fa:before, .fa-font-awesome:before { content: "" } .fa-handshake-o:before { content: "" } .fa-envelope-open:before { content: "" } .fa-envelope-open-o:before { content: "" } .fa-linode:before { content: "" } .fa-address-book:before { content: "" } .fa-address-book-o:before { content: "" } .fa-vcard:before, .fa-address-card:before { content: "" } .fa-vcard-o:before, .fa-address-card-o:before { content: "" } .fa-user-circle:before { content: "" } .fa-user-circle-o:before { content: "" } .fa-user-o:before { content: "" } .fa-id-badge:before { content: "" } .fa-drivers-license:before, .fa-id-card:before { content: "" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "" } .fa-quora:before { content: "" } .fa-free-code-camp:before { content: "" } .fa-telegram:before { content: "" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "" } .fa-shower:before { content: "" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "" } .fa-podcast:before { content: "" } .fa-window-maximize:before { content: "" } .fa-window-minimize:before { content: "" } .fa-window-restore:before { content: "" } .fa-times-rectangle:before, .fa-window-close:before { content: "" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "" } .fa-bandcamp:before { content: "" } .fa-grav:before { content: "" } .fa-etsy:before { content: "" } .fa-imdb:before { content: "" } .fa-ravelry:before { content: "" } .fa-eercast:before { content: "" } .fa-microchip:before { content: "" } .fa-snowflake-o:before { content: "" } .fa-superpowers:before { content: "" } .fa-wpexplorer:before { content: "" } .fa-meetup:before { content: "" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .mfp-counter { font-family: Georgia, Times, serif } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button { height: 2.5rem; background: var(--purplehaze); border: 1px solid; border-radius: 0 5px 5px 0; color: #ffffff; } .subscribe-email { border: 2px solid var(--purplehaze); width: 20rem; height: 2.5rem; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; filter: alpha(opacity=100); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Georgia, Times, serif } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #fff } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px } .mfp-arrow { position: absolute; opacity: 1; filter: alpha(opacity=100); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #fff } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #fff } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-figure figcaption { margin-top: 0; margin-bottom: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } a:focus { outline: thin dotted #f89406; outline: 5px auto #f89406; outline-offset: -2px } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box } html { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } @media (min-width: 48em) { html { font-size: 1rem } } @media (min-width: 64em) { html { font-size: 1.1rem } } @media (min-width: 80em) { html { /*edit*/ font-size: 1.2rem } } ::-moz-selection { color: #fff; background: #000 } ::selection { color: #fff; background: #000 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 } audio:not([controls]) { display: none } a { /*color: #52adc8;*/ color: #121212; } a:hover, a:active { outline: 0 } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { max-width: 100%; width: auto \9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic } #map_canvas img, .google-maps img { max-width: none } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle } button, input { *overflow: visible; line-height: normal } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer } input[type="search"] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } textarea { overflow: auto; vertical-align: top } html { position: relative; min-height: 100% } body { margin: 0; color: #494e52; padding: 1.5rem; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; line-height: 1.5 } body.overflow--hidden { overflow: hidden } h1, h2, h3, h4, h5, h6 { margin: 2em 0 0.5em; line-height: 1.2; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-weight: bold } h1 { margin-top: 0; font-size: 1.563em } h2 { font-size: 1.25em } h3 { font-size: 1em } h4 { font-size: .75em } h5 { font-size: .75em } h6 { font-size: .75em } small, .small { font-size: .75em } p { margin-bottom: 1.3em } u, ins { text-decoration: none; border-bottom: 1px solid #494e52 } u a, ins a { color: inherit } del a { color: inherit } p, pre, blockquote, ul, ol, dl, figure, table, fieldset { orphans: 3; widows: 3 } abbr[title], abbr[data-original-title] { text-decoration: none; cursor: help; border-bottom: 1px dotted #494e52 } blockquote { margin: 2em 1em 2em 0; padding-left: 1em; padding-right: 1em; font-style: italic; border-left: 0.25em solid #7a8288; color: #bdc1c4 } blockquote cite { font-style: italic } blockquote cite:before { content: "\2014"; padding-right: 5px } a:hover, a:active { outline: 0 } tt, code, kbd, samp, pre { font-family: Monaco, Consolas, "Lucida Console", monospace } pre { overflow-x: auto } p > code, a > code, li > code, figcaption > code, td > code { padding-top: 0.1rem; padding-bottom: 0.1rem; font-size: .75em; background: #fafafa; border: 1px solid #f2f3f3; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } p > code:before, p > code:after, a > code:before, a > code:after, li > code:before, li > code:after, figcaption > code:before, figcaption > code:after, td > code:before, td > code:after { letter-spacing: -0.2em; content: "\00a0" } hr { display: block; margin: 1em 0; border: 0; border-top: 1px solid #f2f3f3 } ul li, ol li { margin-bottom: 0.5em } li ul, li ol { margin-top: 0.5em } figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2em 0 } figure img, figure iframe, figure .fluid-width-video-wrapper { margin-bottom: 1em } figure img { border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } figure > a { display: block } @media (min-width: 37.5em) { figure.half > a, figure.half > img { width: calc(50% - 0.5em) } } figure.half figcaption { width: 100% } @media (min-width: 37.5em) { figure.third > a, figure.third > img { width: calc(33.3333% - 0.5em) } } figure.third figcaption { width: 100% } figcaption { margin-bottom: 0.5em; color: #777a7d; font-family: Georgia, Times, serif; font-size: .75em } figcaption a { color: inherit; text-decoration: none; border-bottom: 1px solid #bdc1c4; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } figcaption a:hover { color: #000; border-bottom-color: #000 } svg:not(:root) { overflow: hidden } nav ul { margin: 0; padding: 0 } nav li { list-style: none } nav a { text-decoration: none } nav ul li, nav ol li { margin-bottom: 0 } nav li ul, nav li ol { margin-top: 0 } b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, input[type="submit"], .btn, #goog-wm-sb, .highlight, .archive__item-teaser { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .hidden { display: none; visibility: hidden } .load { display: none } .transparent { opacity: 0 } .visually-hidden, .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; border: 0 !important; overflow: hidden } body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important } .screen-reader-text:focus, .screen-reader-shortcut:focus { clip: auto !important; height: auto !important; width: auto !important; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; background: #fff; z-index: 100000; text-decoration: none; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6) } .skip-link { position: fixed; z-index: 20; margin: 0; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; white-space: nowrap } .skip-link li { height: 0; width: 0; list-style: none } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .cf { clear: both } .wrapper { max-width: 1024px; margin-left: auto; margin-right: auto } .wrapper:after { content: " "; display: block; clear: both } .align-left { display: block; margin-left: auto; margin-right: auto } @media (min-width: 37.5em) { .align-left { float: left; margin-right: 1em } } .align-right { display: block; margin-left: auto; margin-right: auto } @media (min-width: 37.5em) { .align-right { float: right; margin-left: 1em } } .align-center { display: block; margin-left: auto; margin-right: auto } @media (min-width: 64em) { .full { margin-right: -19.49153% !important } } .icon { display: inline-block; fill: currentColor; width: 1em; height: 1.1em; line-height: 1; position: relative; top: -0.1em; vertical-align: middle } .social-icons .fa { color: #000 } .social-icons .fa-behance, .social-icons .fa-behance-square { color: #1769FF } .social-icons .fa-dribbble { color: #ea4c89 } .social-icons .fa-facebook, .social-icons .fa-facebook-square { color: #3b5998 } .social-icons .fa-flickr { color: #ff0084 } .social-icons .fa-foursquare { color: #0072b1 } .social-icons .fa-github, .social-icons .fa-github-alt, .social-icons .fa-github-square { color: #171516 } .social-icons .fa-google-plus, .social-icons .fa-google-plus-square { color: #dd4b39 } .social-icons .fa-instagram { color: #517fa4 } .social-icons .fa-lastfm, .social-icons .fa-lastfm-square { color: #d51007 } .social-icons .fa-linkedin, .social-icons .fa-linkedin-square { color: #007bb6 } .social-icons .fa-pinterest, .social-icons .fa-pinterest-p, .social-icons .fa-pinterest-square { color: #cb2027 } .social-icons .fa-rss, .social-icons .fa-rss-square { color: #fa9b39 } .social-icons .fa-soundcloud { color: #f30 } .social-icons .fa-stack-exchange, .social-icons .fa-stack-overflow { color: #fe7a15 } .social-icons .fa-reddit { color: #ff4500 } .social-icons .fa-tumblr, .social-icons .fa-tumblr-square { color: #32506d } .social-icons .fa-twitter, .social-icons .fa-twitter-square { color: #55acee } .social-icons .fa-vimeo, .social-icons .fa-vimeo-square { color: #1ab7ea } .social-icons .fa-vine { color: #00bf8f } .social-icons .fa-youtube, .social-icons .fa-youtube-square, .social-icons .fa-youtube-play { color: #b00 } .social-icons .fa-xing, .social-icons .fa-xing-square { color: #006567 } .navicon { position: relative; width: 28px; height: 4px; background: #fff; margin: auto; -webkit-transition: 0.3s; transition: 0.3s } .navicon:before, .navicon:after { content: ""; position: absolute; left: 0; width: 28px; height: 4px; background: #fff; -webkit-transition: 0.3s; transition: 0.3s } .navicon:before { top: -8px } .navicon:after { bottom: -8px } .close .navicon { background: transparent } .close .navicon:before, .close .navicon:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 28px } .close .navicon:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .close .navicon:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } @media (min-width: 64em) { .sticky { clear: both; position: -webkit-sticky; position: sticky; top: 2em } .sticky::after { clear: both; content: ""; display: table } .sticky > * { display: block } } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) } .show-modal { overflow: hidden; position: relative } .show-modal:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(255, 255, 255, 0.85) } .show-modal .modal { display: block } .modal { display: none; position: fixed; width: 300px; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; min-height: 0; z-index: 9999; background: #fff; border: 1px solid #f2f3f3; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } .modal__title { margin: 0; padding: 0.5em 1em } .modal__supporting-text { padding: 0 1em 0.5em 1em } .modal__actions { padding: 0.5em 1em; border-top: 1px solid #f2f3f3 } .footnote { color: #9ba1a6; text-decoration: none } .footnotes { color: #9ba1a6 } .footnotes ol, .footnotes li, .footnotes p { margin-bottom: 0; font-size: .75em } a.reversefootnote { color: #7a8288; text-decoration: none } a.reversefootnote:hover { text-decoration: underline } .required { color: #ee5f5b; font-weight: bold } @-webkit-keyframes intro { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes intro { 0% { opacity: 0 } 100% { opacity: 1 } } table { margin-bottom: 1em; width: 100%; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; border-collapse: collapse; border: 1px solid #bdc1c4 } table + table { margin-top: 1em } thead { background-color: #f2f3f3; border-bottom: 1px solid #bdc1c4 } th { padding: 0.5em; font-weight: bold; text-align: left; border-right: 1px solid #bdc1c4 } td { padding: 0.5em; border-bottom: 1px solid #bdc1c4; border-right: 1px solid #bdc1c4 } tr, td, th { vertical-align: middle } .btn, #goog-wm-sb { display: inline-block; margin-bottom: 0.25em; padding: 0.5em 1em; color: #fff !important; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; font-weight: bold; text-align: center; text-decoration: none; background-color: #7a8288; border: 0 !important; border-radius: 4px; cursor: pointer } .btn:hover, #goog-wm-sb:hover { background-color: #333 } .btn .icon, #goog-wm-sb .icon { margin-right: 0.5em } .btn .icon + .hidden, #goog-wm-sb .icon + .hidden { margin-left: -0.5em } .btn--block { display: block; width: 100% } .btn--block + .btn--block { margin-top: 0.25em } .btn--inverse { color: #7a8288 !important; border: 1px solid #bdc1c4 !important; background-color: #fff } .btn--inverse:hover { color: #fff !important; border-color: #7a8288 } .btn--light-outline { border: 1px solid #fff !important; background-color: transparent } .btn--info { background-color: #52adc8 } .btn--info:hover { background-color: #428aa0 } .btn--warning { background-color: #f89406 } .btn--warning:hover { background-color: #c67605 } .btn--success { background-color: #62c462 } .btn--success:hover { background-color: #4e9d4e } .btn--danger { background-color: #ee5f5b } .btn--danger:hover { background-color: #be4c49 } .btn--disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65 } .btn--facebook { background-color: #3b5998 } .btn--facebook:hover { background-color: #2f477a } .btn--twitter { background-color: #55acee } .btn--twitter:hover { background-color: #448abe } .btn--google-plus { background-color: #dd4b39 } .btn--google-plus:hover { background-color: #b13c2e } .btn--linkedin { background-color: #007bb6 } .btn--linkedin:hover { background-color: #006292 } .btn--x-large { font-size: 1.25em } .btn--large { font-size: 1em } .btn--small { font-size: .6875em } .notice { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #f8f9f9; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(189, 193, 196, 0.25); box-shadow: 0 1px 1px rgba(189, 193, 196, 0.25) } .notice h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice h4 { margin-bottom: 0; font-size: 1em } .notice p:last-child { margin-bottom: 0 !important } .notice h4 + p { margin-top: 0; padding-top: 0 } .notice a { color: #bdc1c4 } .notice a:hover { color: #717476 } .notice code { background-color: #fcfcfc } .notice ul:last-child { margin-bottom: 0 } .notice--primary { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #f2f3f3; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(122, 130, 136, 0.25); box-shadow: 0 1px 1px rgba(122, 130, 136, 0.25) } .notice--primary h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice--primary h4 { margin-bottom: 0; font-size: 1em } .notice--primary p:last-child { margin-bottom: 0 !important } .notice--primary h4 + p { margin-top: 0; padding-top: 0 } .notice--primary a { color: #7a8288 } .notice--primary a:hover { color: #494e52 } .notice--primary code { background-color: #f8f9f9 } .notice--primary ul:last-child { margin-bottom: 0 } .notice--info { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #eef7fa; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(82, 173, 200, 0.25); box-shadow: 0 1px 1px rgba(82, 173, 200, 0.25) } .notice--info h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice--info h4 { margin-bottom: 0; font-size: 1em } .notice--info p:last-child { margin-bottom: 0 !important } .notice--info h4 + p { margin-top: 0; padding-top: 0 } .notice--info a { color: #52adc8 } .notice--info a:hover { color: #316878 } .notice--info code { background-color: #f6fbfc } .notice--info ul:last-child { margin-bottom: 0 } .notice--warning { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #fef4e6; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(248, 148, 6, 0.25); box-shadow: 0 1px 1px rgba(248, 148, 6, 0.25) } .notice--warning h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice--warning h4 { margin-bottom: 0; font-size: 1em } .notice--warning p:last-child { margin-bottom: 0 !important } .notice--warning h4 + p { margin-top: 0; padding-top: 0 } .notice--warning a { color: #f89406 } .notice--warning a:hover { color: #955904 } .notice--warning code { background-color: #fffaf3 } .notice--warning ul:last-child { margin-bottom: 0 } .notice--success { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #eff9ef; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(98, 196, 98, 0.25); box-shadow: 0 1px 1px rgba(98, 196, 98, 0.25) } .notice--success h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice--success h4 { margin-bottom: 0; font-size: 1em } .notice--success p:last-child { margin-bottom: 0 !important } .notice--success h4 + p { margin-top: 0; padding-top: 0 } .notice--success a { color: #62c462 } .notice--success a:hover { color: #3b763b } .notice--success code { background-color: #f7fcf7 } .notice--success ul:last-child { margin-bottom: 0 } .notice--danger { margin: 2em 0 !important; padding: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em !important; text-indent: initial; background-color: #fdefef; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(238, 95, 91, 0.25); box-shadow: 0 1px 1px rgba(238, 95, 91, 0.25) } .notice--danger h4 { margin-top: 0 !important; margin-bottom: 0.75em } .page__content .notice--danger h4 { margin-bottom: 0; font-size: 1em } .notice--danger p:last-child { margin-bottom: 0 !important } .notice--danger h4 + p { margin-top: 0; padding-top: 0 } .notice--danger a { color: #ee5f5b } .notice--danger a:hover { color: #8f3937 } .notice--danger code { background-color: #fef7f7 } .notice--danger ul:last-child { margin-bottom: 0 } .error-message { text-align: center } .error-code { margin: 0; font-size: 12vw; line-height: 1em; letter-spacing: -5px; opacity: 0.3 } .error-description { margin: 0; color: var(--midgrey); font-size: 1.75rem; line-height: 1.3em; font-weight: 400 } @media (max-width: 800px) { .error-description { margin: 5px 0 0 0; font-size: 1.8rem } } .error-link { display: inline-block; margin-top: 5px } .error-template .post-feed { padding-top: 0 } .masthead { position: relative; border-bottom: 1px solid #f2f3f3; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; z-index: 20 } .masthead__inner-wrap { max-width: 1024px; margin-left: auto; margin-right: auto; clear: both; padding: 1em 1em 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .masthead__inner-wrap:after { content: " "; display: block; clear: both } .masthead__inner-wrap::after { clear: both; content: ""; display: table } @media (min-width: 80em) { .masthead__inner-wrap { max-width: 1280px } } .masthead__inner-wrap nav { z-index: 10 } .masthead__inner-wrap a { text-decoration: none; color: #32506d !important } .masthead__inner-wrap a span { display: inline-block !important } .masthead__inner-wrap a span.masthead_left { color: #32506d !important } .masthead__inner-wrap a span.masthead_right { color: #7a8288 !important; font-weight: lighter !important } .masthead__menu ul { margin: 0; padding: 0; clear: both; list-style-type: none } .masthead__menu-item { display: block; list-style-type: none; white-space: nowrap } .masthead__menu-item--lg { padding-right: 2em; font-weight: 700 } .breadcrumbs { max-width: 1024px; margin-left: auto; margin-right: auto; clear: both; margin-top: 0; margin-bottom: 0; padding-left: 2em; padding-right: 2em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s } .breadcrumbs:after { content: " "; display: block; clear: both } .breadcrumbs::after { clear: both; content: ""; display: table } @media (min-width: 64em) { .breadcrumbs { padding-left: 1em; padding-right: 1em } } @media (min-width: 80em) { .breadcrumbs { max-width: 1280px } } .breadcrumbs ol { padding: 0; list-style: none; font-size: .75em } @media (min-width: 64em) { .breadcrumbs ol { width: 83.05085%; float: right; margin-right: 0 } } @media (min-width: 80em) { .breadcrumbs ol { padding-left: 4.23729% } } .breadcrumbs li { display: inline } .breadcrumbs .current { font-weight: bold } .pagination { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; clear: both; margin-top: 1em; padding-top: 1em } .pagination::after { clear: both; content: ""; display: table } .pagination ul { margin: 0; padding: 0; list-style-type: none; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .pagination li { display: block; float: left; margin-left: -1px } .pagination li a { display: block; margin-bottom: 0.25em; padding: 0.5em 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.5; text-align: center; text-decoration: none; color: #9ba1a6; border: 1px solid #bdc1c4; border-radius: 0 } .pagination li a:hover { color: #3e8296 } .pagination li a.current { color: #fff; background: #7a8288 } .pagination li a.disabled { color: #dee0e1; pointer-events: none; cursor: not-allowed } .pagination li:first-child { margin-left: 0 } .pagination li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination--pager { display: block; padding: 1em 2em; float: left; width: 50%; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; font-weight: bold; text-align: center; text-decoration: none; color: #52adc8; border: 1px solid #bdc1c4; border-radius: 4px } .pagination--pager:hover { color: #3e8296 } .pagination--pager:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .pagination--pager:last-child { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .pagination--pager.disabled { color: #dee0e1; pointer-events: none; cursor: not-allowed } .page__content + .pagination, .page__meta + .pagination, .comment__date + .pagination, .page__share + .pagination, .page__comments + .pagination { margin-top: 2em; padding-top: 2em; border-top: 1px solid #f2f3f3 } .greedy-nav { position: relative; min-width: 250px; background: #fff } .greedy-nav a { display: block; margin: 0 1rem; padding: 0.5rem 0; color: #7a8288; text-decoration: none } .greedy-nav a:hover { color: #5c6266 } .greedy-nav button { position: absolute; height: 100%; right: 0; padding: 0 0.5rem; border: 0; outline: none; background-color: #7a8288; color: #fff; cursor: pointer } .greedy-nav .visible-links { display: table } .greedy-nav .visible-links li { display: table-cell; vertical-align: middle } .greedy-nav .visible-links li:first-child { font-weight: bold } .greedy-nav .visible-links li:first-child a { margin-left: 0 } .greedy-nav .visible-links li:last-child a { margin-right: 0 } .greedy-nav .visible-links a { position: relative } .greedy-nav .visible-links a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; background: #bdc1c4; width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scaleX(0) translate3d(0, 0, 0); transform: scaleX(0) translate3d(0, 0, 0) } .greedy-nav .visible-links a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .greedy-nav .hidden-links { position: absolute; top: 100%; right: 0; margin-top: 15px; padding: 5px; border: 1px solid #f2f3f3; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .greedy-nav .hidden-links a { margin: 0; padding: 10px 20px; font-size: 1em } .greedy-nav .hidden-links a:hover { color: #5c6266; background: #dee0e1 } .greedy-nav .hidden-links:before { content: ""; position: absolute; top: -11px; right: 10px; width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #f2f3f3 transparent; display: block; z-index: 0 } .greedy-nav .hidden-links:after { content: ""; position: absolute; top: -10px; right: 10px; width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #fff transparent; display: block; z-index: 1 } .greedy-nav .hidden-links li { display: block; border-bottom: 1px solid #f2f3f3 } .greedy-nav .hidden-links li:last-child { border-bottom: none } .nav__list { margin-bottom: 1.5em } .nav__list input[type="checkbox"], .nav__list label { display: none } @media (max-width: 63.9375em) { .nav__list label { position: relative; display: inline-block; padding: 0.5em 2.5em 0.5em 1em; color: #7a8288; font-size: .75em; font-weight: bold; border: 1px solid #bdc1c4; border-radius: 4px; z-index: 20; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer } .nav__list label:before, .nav__list label:after { content: ''; position: absolute; right: 1em; top: 1.25em; width: 0.75em; height: 0.125em; line-height: 1; background-color: #7a8288; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out } .nav__list label:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .nav__list label:hover { color: #fff; border-color: #7a8288; background-color: #333 } .nav__list label:hover:before, .nav__list label:hover:after { background-color: #fff } .nav__list input:checked + label { color: white; background-color: #333 } .nav__list input:checked + label:before, .nav__list input:checked + label:after { background-color: #fff } .nav__list label:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .nav__list input:checked + label:hover:after { -webkit-transform: rotate(0); transform: rotate(0) } .nav__list ul { margin-bottom: 1em } .nav__list a { display: block; padding: 0.25em 0 } } @media (max-width: 63.9375em) and (min-width: 64em) { .nav__list a { padding-top: 0.125em; padding-bottom: 0.125em } } @media (max-width: 63.9375em) { .nav__list a:hover { text-decoration: underline } } .nav__list .nav__items { margin: 0; font-size: 1.25rem } .nav__list .nav__items a { color: inherit } .nav__list .nav__items .active { margin-left: -0.5em; padding-left: 0.5em; padding-right: 0.5em; color: #fff; font-weight: bold; background: #7a8288; border-radius: 4px } .nav__list .nav__items .active:hover { color: #fff } @media (max-width: 63.9375em) { .nav__list .nav__items { position: relative; max-height: 0; opacity: 0%; overflow: hidden; z-index: 10; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(0, 10%); transform: translate(0, 10%) } } @media (max-width: 63.9375em) { .nav__list input:checked ~ .nav__items { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; max-height: 9999px; overflow: visible; opacity: 1; margin-top: 1em; -webkit-transform: translate(0, 0); transform: translate(0, 0) } } .nav__title { margin: 0; padding: 0.5rem 1rem; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; font-weight: bold } .nav__sub-title { display: block; margin: 0.5rem 0; padding: 0.5rem 0; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #f2f3f3 } .toc { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; color: #7a8288; text-transform: uppercase; letter-spacing: 1px; background-color: #fff; border: 1px solid #f2f3f3; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } .toc .nav__title { color: #fff; font-size: .75em; background: #7a8288; border-top-left-radius: 4px; border-top-right-radius: 4px } .toc__menu { margin: 0; padding: 0; width: 100%; list-style: none; font-size: 0.8rem } .toc__menu a { display: block; padding: 0.5rem 1rem; color: #7a8288; font-size: .6875em; font-weight: bold; line-height: 1.5; border-bottom: 1px solid #f2f3f3 } .toc__menu a:hover { color: #000; background: #f2f3f3 } .toc__menu > li:last-child a { border-bottom: none } .toc__menu li ul > li a { padding-left: 2rem; font-weight: normal } .toc__menu li > ul li { display: none } @media (min-width: 48em) { .toc__menu li > ul li { display: block } } .page__footer { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; clear: both; position: absolute; bottom: 0; width: 100%; clear: both; height: auto; margin-top: 3em; color: #9ba1a6; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; background-color: #f2f3f3; border-top: 1px solid #bdc1c4 } .page__footer::after { clear: both; content: ""; display: table } .page__footer footer { max-width: 1024px; margin-left: auto; margin-right: auto; clear: both; margin-top: 2em; padding: 0 1em 2em } .page__footer footer:after { content: " "; display: block; clear: both } .page__footer footer::after { clear: both; content: ""; display: table } @media (min-width: 80em) { .page__footer footer { max-width: 1280px } } .page__footer a { color: inherit; text-decoration: none } .page__footer a:hover { text-decoration: underline } .page__footer .fa { color: #9ba1a6 } .page__footer-copyright { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .6875em } .page__footer-follow ul { margin: 0; padding: 0; list-style-type: none } .page__footer-follow li { display: inline-block; padding-top: 5px; padding-bottom: 5px; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; text-transform: uppercase } .page__footer-follow li + li:before { content: ""; padding-right: 5px } .page__footer-follow a { padding-right: 10px; font-weight: bold } div.highlighter-rouge, figure.highlight, pre { position: relative; margin-bottom: 1em; font-family: Monaco, Consolas, "Lucida Console", monospace; font-size: 0.595em; line-height: 1.8; border: 1px solid #f2f3f3; border-radius: 4px; background-color: #fafafa; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } div.highlighter-rouge:before, figure.highlight:before, pre:before { position: absolute; top: 0; right: 0; padding: 0.5em; background-color: #f2f3f3; content: "\f121"; font-family: "fontawesome" !important; line-height: 1; text-transform: none; speak: none } div.highlighter-rouge .highlight, figure.highlight .highlight, pre .highlight { margin: 0; padding: 1em } figure.highlight { padding-left: 1em; padding-right: 1em } .highlight table { font-size: 1em; border: 0 } .highlight table td { padding: 5px; border: 0 } .highlight table td.gutter { padding-right: 1em; color: #bdc1c4 } .highlight table pre { margin: 0 } .highlight pre { width: 100% } .highlight .c { color: #93a1a1 } .highlight .err { color: #586e75 } .highlight .g { color: #586e75 } .highlight .k { color: #859900 } .highlight .l { color: #586e75 } .highlight .n { color: #586e75 } .highlight .o { color: #859900 } .highlight .x { color: #cb4b16 } .highlight .p { color: #586e75 } .highlight .cm { color: #93a1a1 } .highlight .cp { color: #859900 } .highlight .c1 { color: #93a1a1 } .highlight .cs { color: #859900 } .highlight .gd { color: #2aa198 } .highlight .ge { color: #586e75; font-style: italic } .highlight .gr { color: #dc322f } .highlight .gh { color: #cb4b16 } .highlight .gi { color: #859900 } .highlight .go { color: #586e75 } .highlight .gp { color: #586e75 } .highlight .gs { color: #586e75; font-weight: bold } .highlight .gu { color: #cb4b16 } .highlight .gt { color: #586e75 } .highlight .kc { color: #cb4b16 } .highlight .kd { color: #22b3eb } .highlight .kn { color: #859900 } .highlight .kp { color: #859900 } .highlight .kr { color: #22b3eb } .highlight .kt { color: #dc322f } .highlight .ld { color: #586e75 } .highlight .m { color: #2aa198 } .highlight .s { color: #2aa198 } .highlight .na { color: #586e75 } .highlight .nb { color: #B58900 } .highlight .nc { color: #22b3eb } .highlight .no { color: #cb4b16 } .highlight .nd { color: #22b3eb } .highlight .ni { color: #cb4b16 } .highlight .ne { color: #cb4b16 } .highlight .nf { color: #22b3eb } .highlight .nl { color: #586e75 } .highlight .nn { color: #586e75 } .highlight .nx { color: #586e75 } .highlight .py { color: #586e75 } .highlight .nt { color: #22b3eb } .highlight .nv { color: #22b3eb } .highlight .ow { color: #859900 } .highlight .w { color: #586e75 } .highlight .mf { color: #2aa198 } .highlight .mh { color: #2aa198 } .highlight .mi { color: #2aa198 } .highlight .mo { color: #2aa198 } .highlight .sb { color: #93a1a1 } .highlight .sc { color: #2aa198 } .highlight .sd { color: #586e75 } .highlight .s2 { color: #2aa198 } .highlight .se { color: #cb4b16 } .highlight .sh { color: #586e75 } .highlight .si { color: #2aa198 } .highlight .sx { color: #2aa198 } .highlight .sr { color: #dc322f } .highlight .s1 { color: #2aa198 } .highlight .ss { color: #2aa198 } .highlight .bp { color: #22b3eb } .highlight .vc { color: #22b3eb } .highlight .vg { color: #22b3eb } .highlight .vi { color: #22b3eb } .highlight .il { color: #2aa198 } form { margin: 0 0 5px 0 } form fieldset { margin-bottom: 5px; padding: 0; border-width: 0 } form legend { display: block; width: 100%; margin-bottom: 10px; *margin-left: -7px; padding: 0; color: #494e52; border: 0; border-bottom: 1px solid #ccc; white-space: normal } form p { margin-bottom: 5px / 2 } form ul { list-style-type: none; margin: 0 0 5px 0; padding: 0 } form br { display: none } label, input, button, select, textarea { vertical-align: baseline; *vertical-align: middle } input, button, select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } label { display: block; margin-bottom: 0.25em; color: #494e52; cursor: pointer } label small { font-size: .75em } label input, label textarea, label select { display: block } input, textarea, select { display: inline-block; width: 100%; padding: 0.25em; margin-bottom: 0.5em; color: #494e52; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) } input:hover, textarea:hover, select:hover { border-color: #bdc1c4 } .input-mini { width: 60px } .input-small { width: 90px } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; cursor: pointer; border-radius: 0; border: 0 \9 } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px } input[type="image"] { border: 0; -webkit-box-shadow: none; box-shadow: none } input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: transparent; background-color: initial; -webkit-box-shadow: none; box-shadow: none } input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; cursor: pointer; *overflow: visible } select, input[type="file"] { *margin-top: 4px } select { width: auto; background-color: #fff } select[multiple], select[size] { height: auto } textarea { resize: vertical; height: auto; overflow: auto; vertical-align: top } input[type="hidden"] { display: none } .form { position: relative } .radio, .checkbox { padding-left: 18px; font-weight: normal } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { opacity: 0.5; cursor: not-allowed } input:focus, textarea:focus { border-color: #7a8288; outline: 0; outline: thin dotted \9 } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { -webkit-box-shadow: none; box-shadow: none } .help-block, .help-inline { color: #52adc8 } .help-block { display: block; margin-bottom: 1em; line-height: 1em } .help-inline { display: inline-block; vertical-align: middle; padding-left: 5px } .form-inline input, .form-inline textarea, .form-inline select { display: inline-block; margin-bottom: 0 } .form-inline label { display: inline-block } .form-inline .radio, .form-inline .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px } .form-search input, .form-search textarea, .form-search select { display: inline-block; margin-bottom: 0 } .form-search .search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; border-radius: 14px } .form-search label { display: inline-block } .form-search .radio, .form-search .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px } .form--loading:before { content: '' } .form--loading .form__spinner { display: block } .form:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 10 } .form__spinner { display: none; position: absolute; top: 50%; left: 50%; z-index: 11 } #goog-fixurl ul { list-style: none; margin-left: 0; padding-left: 0 } #goog-fixurl ul li { list-style-type: none } #goog-wm-qt { width: auto; margin-right: 10px; margin-bottom: 20px; padding: 8px 20px; display: inline-block; font-size: .75em; background-color: #fff; color: #000; border-width: 2px !important; border-style: solid !important; border-color: gray; border-radius: 4px } #homepage-1 { padding: 0 !important; display: flex; flex-direction: column; align-items: center; } #post-page { padding: 0 !important; display: flex; flex-direction: column; } #main { max-width: 900px; /*edit*/ margin-left: auto; margin-right: auto; clear: both; margin-top: 2em; padding-left: 1em; margin-left: auto; margin-right: auto; padding-right: 1em; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.35s; animation-delay: 0.35s } #main:after { content: " "; display: block; clear: both } #main::after { clear: both; content: ""; display: table } #main { padding: 0 !important; display: flex; flex-direction: column; /* max-width: 600px !important */ /* align-items: center; */ /*margin-top: 0 !important; */ } @media (min-width: 80em) { #main { max-width: 900px; margin-left: auto; margin-right: auto; } } @media (min-width: 64em) { .postpage { width: 83.05085%; float: right; margin-right: 0; /*padding-left: 4.23729%;*/ /*padding-right: 16.94915%*/ } } .postpage .page__inner-wrap { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0 } .postpage .page__inner-wrap .page__content, .postpage .page__inner-wrap .page__meta, .postpage .page__inner-wrap .comment__date, .postpage .page__inner-wrap .page__share { clear: both; width: 100%; /*float: left;*/ margin-left: 0; margin-right: 0 } /*@media (min-width: 64em) {*/ /* .postpage {*/ /* width: 60%;*/ /* !*float: right;*!*/ /* !*margin-right: 0;*!*/ /* margin-left: auto;*/ /* margin-right: auto;*/ /* padding-left: 2rem;*/ /* padding-right: 2rem;*/ /* }*/ /*}*/ /*.postpage .page__inner-wrap {*/ /* clear: both;*/ /* width: 75%;*/ /* !*float: left;*!*/ /* margin-left: auto;*/ /* margin-right: auto;*/ /* padding-left: 2rem;*/ /* padding-right: 2rem;*/ /* !*margin-left: 0;*!*/ /* !*margin-right: 0*!*/ /*}*/ /*.postpage .page__inner-wrap .page__content, .postpage .page__inner-wrap .page__meta, .postpage .page__inner-wrap .comment__date, .postpage .page__inner-wrap .page__share {*/ /* clear: both;*/ /* width: 75%;*/ /* !*float: left;*!*/ /* padding-left: 2rem;*/ /* padding-right: 2rem;*/ /* margin-left: auto;*/ /* margin-right: auto;*/ /* !*margin-left: 0;*!*/ /* !*margin-right: 0*!*/ /*}*/ .page__title { margin-top: 0; line-height: 1 } .page__title + .page__meta, .page__title + .comment__date { margin-top: -0.5em } .page__lead { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1.25em } .page__content h2 { padding-bottom: 0.5em; border-bottom: 1px solid #f2f3f3 } .page__content p, .page__content li, .page__content dl { font-size: 0.85em } .page__content p { margin: 0 0 1.3em } .page__content a { /* text-decoration: none */ } .page__content a:hover { text-decoration: underline } .page__content a:hover img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .page__content dt { margin-top: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-weight: bold } .page__content dd { margin-left: 1em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em } .page__content .small { font-size: .75em } .page__content blockquote + .small { margin-top: -1.5em; padding-left: 1.25rem } .page__hero { position: relative; margin-bottom: 2em; clear: both; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s } .page__hero::after { clear: both; content: ""; display: table } .page__hero--overlay { position: relative; margin-bottom: 2em; padding: 3em 0; clear: both; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s } .page__hero--overlay::after { clear: both; content: ""; display: table } .page__hero--overlay a { color: #fff } .page__hero--overlay .wrapper { padding-left: 1em; padding-right: 1em } @media (min-width: 80em) { .page__hero--overlay .wrapper { max-width: 1280px } } .page__hero--overlay .page__title, .page__hero--overlay .page__meta, .page__hero--overlay .comment__date, .page__hero--overlay .page__lead, .page__hero--overlay .btn, .page__hero--overlay #goog-wm-sb { color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5) } .page__hero--overlay .page__lead { max-width: 768px } .page__hero--overlay .page__title { font-size: 1.953em } @media (min-width: 37.5em) { .page__hero--overlay .page__title { font-size: 2.441em } } .page__hero-image { width: 100%; height: auto; -ms-interpolation-mode: bicubic } .page__hero-caption { position: absolute; bottom: 0; right: 0; margin: 0 auto; padding: 2px 5px; color: #fff; font-family: Georgia, Times, serif; font-size: .6875em; background: #000; text-align: right; z-index: 5; opacity: 0.5; border-radius: 4px 0 4px 0 } @media (min-width: 64em) { .page__hero-caption { padding: 5px 10px } } .page__hero-caption a { color: #fff; text-decoration: none } .page__share { margin-top: 2em; padding-top: 1em; border-top: 1px solid #f2f3f3 } @media (max-width: 37.5em) { .page__share .btn span, .page__share #goog-wm-sb span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } } .page__share-title { margin-bottom: 10px; font-size: .75em; text-transform: uppercase } .page__meta, .comment__date { margin-top: 2em; color: #9ba1a6; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em } .page__meta p, .comment__date p { margin: 0 } .page__meta a, .comment__date a { color: inherit } .page__meta-title { margin-bottom: 10px; font-size: .75em; text-transform: uppercase } .page__taxonomy .sep { display: none } .page__taxonomy strong { margin-right: 10px } .page__taxonomy-item { display: inline-block; margin-right: 5px; margin-bottom: 8px; padding: 5px 10px; text-decoration: none; border: 1px solid #bdc1c4; border-radius: 4px } .page__taxonomy-item:hover { text-decoration: none; color: #3e8296 } .page__taxonomy-item-primary { font-weight: bold } .page__comments { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0 } .page__comments-title { margin-top: 2rem; margin-bottom: 10px; padding-top: 2rem; font-size: .75em; border-top: 1px solid #f2f3f3; text-transform: uppercase } .page__comments-form { padding: 1em; background: #f2f3f3; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .page__comments-form.disabled input, .page__comments-form.disabled button, .page__comments-form.disabled textarea, .page__comments-form.disabled label { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65 } .comment { clear: both; margin: 1em 0 } .comment::after { clear: both; content: ""; display: table } .home-info { display: flex; justify-content: center; font-size: smaller; padding-left: 1rem; padding-right: 1rem; align-self:center; border: 1px solid grey; border-radius: 3px; margin-bottom: 1rem; } @media (min-width: 500px) { .home-info { width: 65vw; } } .comment:not(:last-child) { border-bottom: 1px solid #f2f3f3 } .comment__avatar-wrapper { float: left; width: 60px; height: 60px } @media (min-width: 64em) { .comment__avatar-wrapper { width: 100px; height: 100px } } .comment__avatar { width: 40px; height: 40px; border-radius: 50% } @media (min-width: 64em) { .comment__avatar { width: 80px; height: 80px; padding: 5px; border: 1px solid #f2f3f3 } } .comment__content-wrapper { float: right; width: calc(100% - 60px) } @media (min-width: 64em) { .comment__content-wrapper { width: calc(100% - 100px) } } .comment__author { margin: 0 } .comment__author a { text-decoration: none } .comment__date { margin: 0 } .comment__date a { text-decoration: none } .page__related { margin-top: 2em; padding-top: 1em; border-top: 1px solid #f2f3f3; clear: both; float: left } .page__related::after { clear: both; content: ""; display: table } @media (min-width: 64em) { .page__related { margin-left: 21.18644% } } .page__related a { color: inherit; text-decoration: none } .page__related-title { margin-bottom: 10px; font-size: .75em; text-transform: uppercase } /*Markus EDIT here:*/ .homepage-columns { /*min-height: 100vh;*/ min-width: 90vw; display: flex; /* justify-content: center; */ flex-flow: wrap; /* display: flex; flex-flow: wrap; flex-direction: row; flex-wrap: wrap; */ } .homepage-columns > * { padding-right: 2rem; } #bigger { font-size: 2rem; } .iconify { width: 1rem; height: 1rem; } .my_meta { font-size: 0.8rem; font-style: italic; } ul.circle { list-style-type: circle; } ul.katakana { list-style-type: katakana; color: var(--purplehaze) /* color: #720118; */ } ul.hiragana { list-style-type: hiragana; color: var(--velvet) } ul.greek { list-style-type: lower-greek; color: var(--teal) } .archive { margin-bottom: 2em } @media (min-width: 48em) { .archive { width: 100%; /*float: left;*/ margin-left: 0; margin-right: 0 } } @media (min-width: 64em) { .archive { /* elysium change */ /* width: 83.05085%; */ /*float: right;*/ margin-right: 0; /* padding-left: 4.23729% */ } } .archive a { color: inherit; text-decoration: none } .archive__subtitle { margin: 1.414em 0 0; padding-bottom: 0.5em; font-size: 1em; color: #9ba1a6; border-bottom: 1px solid #f2f3f3 } .archive__subtitle + .list__item .archive__item-title { margin-top: 0.5em } .archive__item-title { margin-bottom: 0.25em; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .archive__item-title a + a { opacity: 0.5 } .page__content .archive__item-title { margin-top: 1em; border-bottom: none } .archive__item-excerpt { margin-top: 0; font-size: .75em } .archive__item-excerpt + p { text-indent: 0 } .archive__item-teaser { border-radius: 4px; overflow: hidden } .archive__item-teaser img { width: 100% } .archive__item:hover .archive__item-teaser { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) } .archive__item:hover .archive__item-title { text-decoration: underline } @media (min-width: 48em) { .list__item { padding-right: 200px } } @media (min-width: 64em) { .list__item { padding-right: 300px } } @media (min-width: 80em) { .list__item { padding-right: 400px } } .list__item .page__meta, .list__item .comment__date { margin: 0 0 4px } .grid__item { margin-bottom: 2em } .grid__item .page__meta, .grid__item .comment__date { margin: 0 0 4px } .grid__item .archive__item-title { margin-top: 0.5em; font-size: 1em } .grid__item .archive__item-excerpt { display: none } @media (min-width: 37.5em) { .grid__item { width: 48.97959%; float: left } .grid__item:nth-child(2n+1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0 } .grid__item:nth-child(2n+2) { margin-left: 51.02041%; margin-right: -100%; clear: none } .grid__item .archive__item-teaser { max-height: 200px } } @media (min-width: 48em) { .grid__item { margin-left: 0; margin-right: 0; width: 23.46939%; float: left } .grid__item:nth-child(4n+1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0 } .grid__item:nth-child(4n+2) { margin-left: 25.5102%; margin-right: -100%; clear: none } .grid__item:nth-child(4n+3) { margin-left: 51.02041%; margin-right: -100%; clear: none } .grid__item:nth-child(4n+4) { margin-left: 76.53061%; margin-right: -100%; clear: none } .grid__item .archive__item-teaser { max-height: 120px } .grid__item .archive__item-excerpt { display: block; font-size: .75em } } .feature__wrapper { clear: both; margin-bottom: 2em; border-bottom: 1px solid #f2f3f3 } .feature__wrapper::after { clear: both; content: ""; display: table } .feature__item { margin-bottom: 2em; font-size: 1.25rem } @media (min-width: 37.5em) { .feature__item { margin-bottom: 0; width: 32.20339%; float: left } .feature__item:nth-child(3n+1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0 } .feature__item:nth-child(3n+2) { margin-left: 33.89831%; margin-right: -100%; clear: none } .feature__item:nth-child(3n+3) { margin-left: 67.79661%; margin-right: -100%; clear: none } .feature__item .feature__item-teaser { max-height: 200px; overflow: hidden } } .feature__item--left { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 1.25rem } .feature__item--left .archive__item-teaser { margin-bottom: 2em } @media (min-width: 37.5em) { .feature__item--left .archive__item-teaser { width: 40.67797%; float: left; margin-right: 1.69492% } .feature__item--left .archive__item-body { width: 57.62712%; float: right; margin-right: 0; padding-left: 4.23729%; padding-right: 8.47458% } } .feature__item--right { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 1.25rem } .feature__item--right .archive__item-teaser { margin-bottom: 2em } @media (min-width: 37.5em) { .feature__item--right { text-align: right } .feature__item--right .archive__item-teaser { width: 40.67797%; float: right; margin-left: 1.69492% } .feature__item--right .archive__item-body { width: 57.62712%; float: left; margin-left: 0; padding-left: 4.23729%; padding-right: 8.47458% } } .feature__item--center { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 1.25rem } .feature__item--center .archive__item-teaser { margin-bottom: 2em } @media (min-width: 37.5em) { .feature__item--center { text-align: center } .feature__item--center .archive__item-teaser { margin: 0 auto; width: 40.67797% } .feature__item--center .archive__item-body { margin: 0 auto; width: 57.62712% } } .sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); clear: both; margin-bottom: 1em } .sidebar::after { clear: both; content: ""; display: table } @media (min-width: 64em) { .sidebar { width: 15.25424%; float: left; margin-right: 1.69492%; opacity: 0.75; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out } .sidebar:hover { opacity: 1 } } @media (min-width: 80em) { .sidebar { padding-right: 0 } } .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { margin-bottom: 0; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif } .sidebar p, .sidebar li { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; line-height: 1.5 } .sidebar img { width: 100% } .sidebar__right { margin-bottom: 1em } @media (min-width: 64em) { .sidebar__right { position: relative; float: right; width: 200px; margin-left: 2.54237%; z-index: 10 } } @media (min-width: 80em) { .sidebar__right { width: 300px } } .author__avatar { display: table-cell; vertical-align: top; width: 36px; height: 36px } @media (min-width: 64em) { .author__avatar { display: block; width: auto; height: auto } } .author__avatar img { max-width: 110px; border-radius: 50% } @media (min-width: 64em) { .author__avatar img { padding: 5px; border: 1px solid #f2f3f3 } } .author__content { display: table-cell; vertical-align: top; padding-left: 15px; padding-right: 25px; line-height: 1 } @media (min-width: 64em) { .author__content { display: block; width: 100%; padding-left: 0; padding-right: 0 } } .author__name { margin: 0 } @media (min-width: 64em) { .author__name { margin-top: 10px; margin-bottom: 10px } } .sidebar .author__name { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em } .author__bio { margin: 0 } @media (min-width: 64em) { .author__bio { margin-top: 10px; margin-bottom: 20px } } .author__urls-wrapper { position: relative; display: table-cell; vertical-align: middle; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; z-index: 10; position: relative; cursor: pointer } .author__urls-wrapper li:last-child a { margin-bottom: 0 } @media (min-width: 64em) { .author__urls-wrapper { display: block } } .author__urls-wrapper button { margin-bottom: 0 } @media (min-width: 64em) { .author__urls-wrapper button { display: none } } .author__urls { display: none; position: relative; right: 0; margin-top: 15px; padding: 10px; list-style-type: none; border: 1px solid #f2f3f3; border-radius: 4px; background: #fff; z-index: -1; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); cursor: default } @media (min-width: 64em) { .author__urls { display: block; position: relative; margin: 0; padding: 0; border: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none } } .author__urls:before { display: block; content: ""; position: relative; top: -11px; left: calc(50% - 10px); width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #f2f3f3 transparent; z-index: 0 } @media (min-width: 64em) { .author__urls:before { display: none } } .author__urls:after { display: block; content: ""; position: relative; top: -10px; left: calc(50% - 10px); width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #fff transparent; z-index: 1 } @media (min-width: 64em) { .author__urls:after { display: none } } .author__urls li { white-space: nowrap } .author__urls a { display: block; margin-bottom: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; color: inherit; font-size: 1em; text-decoration: none } .author__urls a:hover { text-decoration: underline } @media print { .masthead, .toc, .page__share, .page__related, .ads, .page__footer { display: none } } .kg-image-card { margin: 0 0 2em; max-width: none !important } .kg-image-card.kg-width-wide { max-width: 48em !important; min-width: 100%; width: 75vw } .kg-image-card.kg-width-full { max-width: none; width: 100vw; margin-top: 2em } .kg-image-card .kg-image { margin: 0 auto } .kg-image-card figcaption { font-family: 'Fira Sans', sans-serif; text-align: center; max-width: 32em; margin: auto; font-size: 0.75em; line-height: 1.25em; padding: 0.667em 0 } .kg-image-card .kg-image-full + figcaption { margin-bottom: 1.334em } .kg-gallery-card { margin: 0 0 2em; max-width: 48em !important; min-width: 100%; width: 75vw } .kg-gallery-card figcaption { font-family: 'Fira Sans', sans-serif; text-align: center; max-width: 32em; margin: auto; font-size: 0.75em; line-height: 1.25em; padding: 0.667em 0 } .kg-gallery-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .kg-gallery-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .kg-gallery-image img { display: block; margin: 0; width: 100%; height: 100% } .kg-gallery-row:not(:first-of-type) { margin: 0.75em 0 0 0 } .kg-gallery-image:not(:first-of-type) { margin: 0 0 0 0.75em } .kg-embed-card { margin: 0 0 2em } .kg-embed-card > * { margin-left: auto; margin-right: auto }
Share