@charset "UTF-8"; /* We need to add display:inline in order to align the '>>' of the 'read more' link */ @import url(//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap|Roboto+Slab:700); .post-excerpt p { display: inline; } .highlight { background: #ffffff; /* Comment */ /* Error */ /* Keyword */ /* Operator */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Deleted.Specific */ /* Generic.Emph */ /* Generic.Error */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Inserted.Specific */ /* Generic.Output */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Subheading */ /* Generic.Traceback */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Namespace */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ } .highlight .c { color: #999988; font-style: italic; } .highlight .err { color: #a61717; background-color: #e3d2d2; } .highlight .k { font-weight: bold; } .highlight .o { font-weight: bold; } .highlight .cm { color: #999988; font-style: italic; } .highlight .cp { color: #999999; font-weight: bold; } .highlight .c1 { color: #999988; font-style: italic; } .highlight .cs { color: #999999; font-weight: bold; font-style: italic; } .highlight .gd { color: #000000; background-color: #ffdddd; } .highlight .gd .x { color: #000000; background-color: #ffaaaa; } .highlight .ge { font-style: italic; } .highlight .gr { color: #aa0000; } .highlight .gh { color: #999999; } .highlight .gi { color: #000000; background-color: #ddffdd; } .highlight .gi .x { color: #000000; background-color: #aaffaa; } .highlight .go { color: #888888; } .highlight .gp { color: #555555; } .highlight .gs { font-weight: bold; } .highlight .gu { color: #aaaaaa; } .highlight .gt { color: #aa0000; } .highlight .kc { font-weight: bold; } .highlight .kd { font-weight: bold; } .highlight .kp { font-weight: bold; } .highlight .kr { font-weight: bold; } .highlight .kt { color: #445588; font-weight: bold; } .highlight .m { color: #009999; } .highlight .s { color: #d14; } .highlight .na { color: #008080; } .highlight .nb { color: #0086B3; } .highlight .nc { color: #445588; font-weight: bold; } .highlight .no { color: #008080; } .highlight .ni { color: #800080; } .highlight .ne { color: #990000; font-weight: bold; } .highlight .nf { color: #990000; font-weight: bold; } .highlight .nn { color: #555555; } .highlight .nt { color: #000080; } .highlight .nv { color: #008080; } .highlight .ow { font-weight: bold; } .highlight .w { color: #bbbbbb; } .highlight .mf { color: #009999; } .highlight .mh { color: #009999; } .highlight .mi { color: #009999; } .highlight .mo { color: #009999; } .highlight .sb { color: #d14; } .highlight .sc { color: #d14; } .highlight .sd { color: #d14; } .highlight .s2 { color: #d14; } .highlight .se { color: #d14; } .highlight .sh { color: #d14; } .highlight .si { color: #d14; } .highlight .sx { color: #d14; } .highlight .sr { color: #009926; } .highlight .s1 { color: #d14; } .highlight .ss { color: #990073; } .highlight .bp { color: #999999; } .highlight .vc { color: #008080; } .highlight .vg { color: #008080; } .highlight .vi { color: #008080; } .highlight .il { color: #009999; } /* @import url(//use.typekit.net/nqn8uer.css); */ /* $font-family-serif: 'pt-serif-pro-1', 'pt-serif-pro-2',serif; */ /* custom vars */ /* Template Name: shellen blocks */ body { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .mainheading { padding: 1rem 0rem; } a { color: #00ab6b; transition: all 0.2s; } a:hover { color: #038252; text-decoration: none; } pre { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 1.75em 0; border: #E3EDF3 1px solid; width: 100%; padding: 10px; font-family: monospace, sans-serif; font-size: 14px; white-space: pre; overflow: auto; background: #F7FAFB; border-radius: 3px; } .mundananavigation { transition: top 0.2s ease-in-out; } .main-content { min-height: 300px; } .site-content { min-height: 60vh; padding-top: 1.5rem; margin-top: 57px; transition: all 0.4s; } section { margin-bottom: 20px; } section.recent-posts { margin-bottom: 0; } .section-title h2 { /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */ margin-bottom: 25px; font-weight: 700; font-size: 1.4rem; margin-bottom: 27px; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section-title span { border-bottom: 1px solid rgba(0, 0, 0, 0.44); display: inline-block; padding-bottom: 20px; margin-bottom: -1px; } /* @media (min-width: 576px) { .card-columns.listfeaturedtag { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.8rem; padding-left: 0.8rem; } } */ .navbar-nav { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9em; } .navbar-nav .navbar-item { font-size: 1.3em; } .listfeaturedtag { border: 0px solid rgba(0, 0, 0, 0.125); /* border-radius: .25rem; */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .listfeaturedtag .wrapthumbnail { min-height: 290px; flex: 0 0 auto; height: 100%; } .maxthumb { max-height: 300px; overflow: hidden; } .listfeaturedtag .card, .card-footer { border: 0; } .listfeaturedtag .thumbnail { background-size: cover; height: 100%; display: block; background-position: 38% 22% !important; background-origin: border-box !important; /* border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; */ } .listfeaturedtag .card-block { padding-left: 0; } .listfeaturedtag h2.card-title { font-size: 1.3rem; font-weight: 700; line-height: 1.25; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .listrecent h2.card-title { font-size: 1.3rem; font-weight: 700; line-height: 1.25; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .listfeaturedtag h4.card-text, .listrecent h4.card-text { color: rgba(0, 0, 0, 0.44); font-size: 0.95rem; line-height: 1.4; font-weight: 400; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .wrapfooter { font-size: 12px; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .author-thumb { width: 40px; height: 40px; float: left; margin-right: 13px; border-radius: 100%; } .post-top-meta { margin-bottom: 2rem; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .post-top-meta .author-thumb { width: 72px; height: 72px; } .post-top-meta.authorpage .author-thumb { margin-top: 40px; } .post-top-meta span { font-size: 0.9rem; color: rgba(0, 0, 0, 0.44); display: inline-block; } .post-top-meta .author-description { margin-bottom: 5px; margin-top: 5px; font-size: 0.95rem; } .author-meta { flex: 1 1 auto; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } span.post-name, span.post-date, span.author-meta { display: inline-block; } span.post-date, span.post-read { color: rgba(0, 0, 0, 0.44); } span.post-read-more { align-items: center; /* display: inline-block; */ float: right; margin-top: 8px; } span.post-read-more a { color: rgba(0, 0, 0, 0.44); } span.post-name a, span.post-read-more a:hover { color: rgba(0, 0, 0, 0.8); } .dot:after { content: "·"; margin-left: 3px; margin-right: 3px; } .mundanaavigation .form-control { font-size: 0.8rem; border-radius: 30px; overflow: hidden; /* border: 1px solid rgba(0, 0, 0, 0.04); */ } .mundanaavigation .form-inline { margin-left: 15px; } .mundanaavigation .form-inline .btn { margin-left: -50px; border: 0; border-radius: 30px; cursor: pointer; } .mundanaavigation .form-inline .btn:hover, .mundanaavigation .form-inline .btn:active { background: transparent; color: green; } .mundanaavigation .navbar-brand { font-weight: 700; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #009aec !important; font-size: 250%; } .mundanaavigation .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.08); margin: .5rem 0 0; } .mundanaavigation .nav-item { font-size: 0.9rem; } .dropdown-menu { font-size: 0.9rem; } .mundananavigation .search-icon { margin-left: -40px; display: inline-block; margin-top: 3px; font-size: 0.9em; cursor: pointer; } .mundananavigation .navbar-brand img { max-height: 50px; } .mainheading { border-left: solid 5px #d3cfcf; padding-left: 20px; padding-bottom: 30px; margin-left: -20px; } .mainheading h1 { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .mainheading h1.posttitle { font-weight: 700; letter-spacing: -0.1rem; margin-bottom: 1rem; } .postsubtitle { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #828282; font-size: 1em; font-weight: 100; line-height: 1.8em; } .postedon { float: right; color: #828282; font-size: .9em; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 5px; margin-top: 60px; } .footer { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; padding-top: 15px; padding-bottom: 12px; font-size: 0.8rem; color: rgba(0, 0, 0, 0.44); margin-top: 50px; margin-bottom: 62px; position: relative; background: #fff; } .link-dark { color: rgba(0, 0, 0, 0.8); } .article-post { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; color: rgba(0, 0, 0, 0.8); } .article-post .nav, .article-post th, .article-post tr, .article-post td { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .9em; } .article-post p, .article-post blockquote { margin: 0 0 1.5rem 0; font-weight: 400; } .article-post .h1, .article-post .h2, .article-post .h3, .article-post .h4, .article-post .h5, .article-post .h6, .article-post h1, .article-post h2, .article-post h3, .article-post h4, .article-post h5, .article-post h6 { font-weight: 700; margin-bottom: 1.5rem; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .article-post img.shadow { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .article-post ol, .article-post ul { margin-bottom: 1.5rem; } .article-post ol ol, .article-post ul ul { list-style: disc; margin-bottom: 0rem; } blockquote { border-left: 4px solid #005481; padding: 0 20px; font-style: italic; color: #4a4a4a; line-height: 1.8em; font-size: 120%; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .reading { color: #4a4a4a; } .video { position: relative; padding-bottom: 56.25%; padding-top: 30px; min-width: 320px; height: 0; overflow: hidden; margin-bottom: 15px; margin-left: -15px; margin-right: -15px; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video cite { quotes: ‘„’ ‘“’; } q { font-size: 175%; line-height: 1.5em; padding: 20px; margin-left: -15px; margin-right: -15px; font-weight: 400; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #005481; color: #f5f5f5; display: block; border: none; min-height: 150px; align-content: center; } .featured-image { display: block; margin-bottom: 1.5rem; } .share { text-align: center; } .share p { margin-bottom: 10px; font-size: 0.95rem; } .share .applause-button { margin-top: 20px; line-height: 50px; } .share ul { padding-left: 0; margin-left: 0; } .share ul li { display: inline-block; margin-bottom: 9px; } .share ul li i.fa { border: 0px solid #ddd; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; } .svgIcon { vertical-align: middle; } @media (min-width: 1024px) { .share { position: fixed; display: block; } .share ul li { display: block; } } /* @media (max-width: 999px) { .alertbar { position: relative !Important; margin-bottom: 20px; margin-top: 20px; box-shadow: none !Important; padding-right: 14px !Important; } #comments { margin-right: 15px; } .jumbotron.fortags { margin-bottom: 0 !Important; } .alertbar { form { margin-top: 20px; } span, form { display: block; } input { &[type="submit"] { border-radius: 3px !Important; } &[type="email"] { margin-right: 0px !Important; display: block; border-right: 1px solid #ddd !Important; margin-bottom: 10px; } } } .jumbotron { margin-bottom: 0; border-radius: 0; } .listfeaturedtag { .wrapthumbnail, .col-md-7 { width: 100%; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; border: 0; } .wrapthumbnail { height: 250px; } .card { height: auto; } .wrapfooter { position: relative; margin-top: 30px; } .card-block { padding: 20px; } } .footer { margin-top: 0px; margin-bottom: 0px; } } */ @media (max-width: 1024px) { .post-top-meta .col-md-10 { text-align: center; } } @media (max-width: 767px) { .post-top-meta.authorpage { text-align: center; } } .share { color: rgba(0, 0, 0, 0.44); fill: rgba(0, 0, 0, 0.44); } .share a { color: rgba(0, 0, 0, 0.44); fill: rgba(0, 0, 0, 0.44); } .graybg { background-color: #fafafa; padding: 40px 0 46px; position: relative; } .listrelated .card { box-shadow: 0 1px 7px rgba(0, 0, 0, 0.05); border: 0; } ul.tags { list-style: none; padding-left: 0; margin: 0 0 3rem 0; } ul.tags li { display: inline-block; font-size: 0.9rem; } ul.tags li a { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); border-radius: 3px; padding: 5px 10px; } ul.tags li a:hover { background: rgba(0, 0, 0, 0.07); text-decoration: none; } .margtop3rem { margin-top: 3rem; } .sep { height: 1px; width: 20px; background: #999; margin: 0px auto; margin-bottom: 1.2rem; } .btn.follow { border-color: #009aec; color: #009aec; padding: 2px 10px; text-align: center; border-radius: 0.9 rem; font-size: 0.85rem; display: inline-block; } .btn.subscribe { background-color: #1C9963; border-color: #1C9963; color: white; fill: white; border-radius: 30px; font-size: 0.85rem; margin-left: 10px; font-weight: 600; text-transform: uppercase; } .post-top-meta .btn.follow { margin-left: 5px; margin-top: -4px; } .alertbar { box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.0785); position: fixed; bottom: 0; left: 0; background-color: #fff; width: 100%; padding: 14px 0; z-index: 1; display: none; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .alertbar form { display: inline-block; } .alertbar input[type="email"] { font-size: 0.85rem; padding: 3px 5px 3px 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #ddd; border-right: 0; margin-right: -10px; height: 34px; letter-spacing: 0.5px; margin-left: 5px; } .alertbar input[type="submit"] { background-color: #009aec; border: 1px solid #009aec; color: white; fill: white; font-size: 0.85rem; border-radius: 0; padding: 4px 10px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-weight: 700; height: 34px; letter-spacing: 0.5px; cursor: pointer; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .authorpage h1 { font-weight: 700; font-size: 30px; } .post-top-meta.authorpage .author-thumb { float: none; } .authorpage .author-description { font-size: 1rem; color: rgba(0, 0, 0, 0.6); } .post-top-meta.authorpage .btn.follow { padding: 7px 20px; margin-top: 10px; margin-left: 0; font-size: 0.9rem; } .graybg.authorpage { border-top: 1px solid #f0f0f0; } .authorpostbox { width: 760px; margin: 0px auto; margin-bottom: 1.5rem; max-width: 100%; } .authorpostbox .img-thumb { width: 100%; } .sociallinks { margin: 1rem 0; } .sociallinks a { background: #666; color: #fff; width: 22px; height: 22px; display: inline-block; text-align: center; line-height: 22px; border-radius: 50%; font-size: 12px; } #comments { margin-top: 3rem; margin-bottom: 1.5rem; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } img { max-width: 100%; } .bottompagination span.navigation { display: block; font-size: 0.93rem; padding: 15px 0 0 0; text-align: center; margin-bottom: 0rem; color: #999; border-top: 1px solid #ddd; } .pointerup { margin-bottom: -17px; margin-left: 49%; font-size: 30px; } .pointerup i.fa { color: #eaeaea; } .bottompagination span.navigation i { display: inline-block; } span.navigation { display: inline-block; font-size: 0.93rem; font-weight: 700; text-align: center; } .pagination { display: block; } iframe { max-width: 100%; } .transpdark { background: rgba(0, 0, 0, 0.75); color: #fff; } @media (min-width: 768px) { .jumbotron.fortags { margin-bottom: -50px; margin-top: 3rem; padding: 0; height: 350px; border-radius: 0; /* background-image: url(../images/jumbotron.jpg); */ background-size: cover; } .jumbotron.fortags .col-md-4 { background: rgba(0, 0, 0, 0.75); color: #fff; } .jumbotron.fortags .row { margin: 0; } } .jumbotron.fortags { margin-top: 3rem; padding: 0; border-radius: 0; /* background-image: url(../images/jumbotron.jpg); */ background-size: cover; } .jumbotron.fortags a { padding: 5px 10px 7px; background: #222; border-radius: .25rem; color: #fff; font-weight: 500; text-transform: lowercase; font-size: 0.8rem; } .layout-page .jumbotron.fortags { display: none; } .mb-30px { margin-bottom: 30px; } .flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } @media (min-width: 768px) { .flex-md-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-first { -webkit-box-ordinal-group: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } /* @media (max-width: 768px) { .share { margin-top: 30px; } } */ .card .card-body { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .card h5 { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; } .card .img-fluid { width: 100%; } .homepromo { background-color: #009aec !important; border: none; } .heart { background-color: #009aec; } .bg-gray { background-color: #F7FAFB; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } .no-padding { padding-left: 0; padding-right: 0; } .form-group label { padding-left: 12px; padding-top: 5px; } .form-group-row label, .form-group-row textarea { padding-left: 12px; padding-top: 5px; } #instafeed { overflow: auto; margin-left: -1%; } #instafeed a { float: left; display: block; margin: 0 0 1% 1%; width: 19%; } #instafeed a img { width: 100%; } /* @author: Xavier Damman (@xdamman) - http://github.com/xdamman/selection-sharer - @license: MIT */ @keyframes selectionSharerPopover-animation { 0% { transform: matrix(0.97, 0, 0, 1, 0, 12); filter: alpha(opacity=0); opacity: 0; } 20% { transform: matrix(0.99, 0, 0, 1, 0, 2); filter: alpha(opacity=70); opacity: .7; } 40% { transform: matrix(1, 0, 0, 1, 0, -1); filter: alpha(opacity=100); opacity: 1; } 100%, 70% { transform: matrix(1, 0, 0, 1, 0, 0); filter: alpha(opacity=100); opacity: 1; } } #selectionSharerPopover { display: none; position: absolute; top: -100px; left: -100px; z-index: 1010; } #selectionSharerPopover::after { content: ''; display: block; position: absolute; bottom: -3px; left: 50%; margin-left: -4px; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #262625; box-shadow: 0 0 2px #262625; } #selectionSharerPopover.anim { transition: top .075s ease-out; animation: selectionSharerPopover-animation 180ms forwards linear; -webkit-animation: selectionSharerPopover-animation 180ms forwards linear; } #selectionSharerPopover-inner { position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: #262625 #1c1c1b #121211; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15); background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625); background-repeat: repeat-x; } #selectionSharerPopover .selectionSharerPopover-clip { position: absolute; bottom: -11px; display: block; left: 50%; clip: rect(12px 24px 24px 0); margin-left: -12px; width: 24px; height: 24px; line-height: 24px; } #selectionSharerPopover .selectionSharerPopover-arrow { display: block; width: 20px; height: 20px; -webkit-transform: rotate(45deg) scale(0.5); transform: rotate(45deg) scale(0.5); background-color: #454543; border: 2px solid #121211; box-sizing: content-box; } .selectionSharer ul { padding: 0; display: inline; } .selectionSharer ul li { float: left; list-style: none; background: 0 0; margin: 0; } .selectionSharer a.action { display: block; text-indent: -200px; margin: 5px 7px; width: 20px; height: 20px; border: 0; } .selectionSharer a:hover { color: #ccc; } .selectionSharer a.tweet { background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='171' height='139'%3e%3cg transform='translate(-282.32053,-396.30734)'%3e%3cpath style='fill:white' d='m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z' /%3e%3c/g%3e%3c/svg%3e") no-repeat; background-size: 18px; background-position: 2px 4px; } .selectionSharer a.facebook { background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 33 33' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:white' d='M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat; background-size: 18px; background-position: 0 2px; display: none; } .selectionSharer a.linkedin { background: url('data:image/svg+xml;utf8, ') 2px 0.2222222222 no-repeat; background-size: 18px; background-position: 0 2px; } .selectionSharer a.email { background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='64'%3e%3cg transform='translate(-10, -10)' fill='transparent'%3e%3crect x='0' y='0' width='114' height='114'%3e%3c/rect%3e%3cpath d='M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z' stroke='white' stroke-width='5'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat; background-size: 20px; background-position: 0 4px; } #selectionSharerPopunder.fixed { transition: bottom .5s ease-in-out; width: 100%; position: fixed; left: 0; bottom: -50px; } .selectionSharer { transition: -webkit-transform .6s ease-in-out; } .selectionSharer.moveDown { -webkit-transform: translate3d(0, 60px, 0); } #selectionSharerPopunder { position: absolute; left: 0; width: 100%; height: 0; transition: height .5s ease-in-out; background: #ccc; border: 0; box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0 -10px 5px -10px rgba(0, 0, 0, 0.5); border-radius: 0; overflow: hidden; } #selectionSharerPopunder.show { height: 50px; } .selectionSharerPlaceholder { height: 1em; margin-bottom: -2em; transition: height .5s ease-in-out; } .selectionSharerPlaceholder.show { height: 50px !important; } #selectionSharerPopunder-inner ul { overflow: hidden; float: right; margin: 0; } #selectionSharerPopunder-inner ul li { padding: 5px; overflow: hidden; } #selectionSharerPopunder-inner label { color: #fff; font-weight: 300; line-height: 50px; margin: 0 20px 0 10px; } #selectionSharerPopunder-inner a { width: 30px; height: 30px; background-size: 30px; } #selectionSharerPopunder-inner a.tweet { background-position: 0 2px; } applause-button { position: relative; } applause-button .style-root { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } applause-button .style-root:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: " "; display: block; border-radius: 50%; border: 1px solid; } applause-button .style-root:hover:after:not(.clap-limit-exceeded) { border-color: inherit; } applause-button.loading { opacity: 0.5; } applause-button .shockwave { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; } applause-button svg { position: absolute; width: 60%; height: 60%; margin-left: 20%; margin-top: 20%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; stroke: none; overflow: visible !important; } applause-button svg g.flat { visibility: hidden; } applause-button svg g.outline { visibility: visible; } applause-button.clapped svg g.flat { visibility: visible; } applause-button.clapped svg g.outline { visibility: hidden; } applause-button .count { position: absolute; top: -70%; width: 100%; text-align: center; color: gray; user-select: none; } applause-button g.sparkle circle { opacity: 0; stroke-width: 0; } applause-button g.sparkle g:nth-child(1) { transform: rotate(0deg) translateX(10px); } applause-button g.sparkle g:nth-child(2) { transform: rotate(72deg) translateX(10px); } applause-button g.sparkle g:nth-child(3) { transform: rotate(144deg) translateX(10px); } applause-button g.sparkle g:nth-child(4) { transform: rotate(216deg) translateX(10px); } applause-button g.sparkle g:nth-child(5) { transform: rotate(288deg) translateX(10px); } applause-button:hover:not(.clapped) .shockwave { animation-name: shockwave; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in; } applause-button.clap { animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: 1; } applause-button.clap .sparkle circle { animation-name: explode; animation-duration: 0.5s; animation-iteration-count: 1; } applause-button.clap .count { animation-name: hideThenShow; animation-duration: 0.5s; animation-iteration-count: 1; } @keyframes explode { 0% { transform: translateX(10px); opacity: 0; } 20% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; transform: translateX(25px); } } @keyframes shockwave { 0% { transform: scale(1); box-shadow: 0 0 2px; opacity: 1; } 100% { transform: scale(1); opacity: 0; box-shadow: 0 0 50px, inset 0 0 10px; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes hideThenShow { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 0; transform: translateY(-10px); } 50% { transform: translateY(10px); } 80% { transform: translateY(10px); opacity: 0; } 100% { opacity: 1; transform: translateY(0); } } /*# sourceMappingURL=main.css.map */