/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} body { overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .hidden { display: none; } .invisible { visibility: hidden; } .container::after, .float-container::after { clear: both; content: ''; display: table; } .clearboth { clear: both; } .dim-overlay { background-color: rgba(0, 0, 0, 0.54); height: 100vh; left: 0; position: fixed; top: 0; width: 100%; } #sharing-dim-overlay { background-color: transparent; } .loading-spinner-large { -webkit-animation: mspin-rotate 1568.63ms infinite linear; animation: mspin-rotate 1568.63ms infinite linear; height: 48px; overflow: hidden; position: absolute; width: 48px; z-index: 200; } .loading-spinner-large > div { -webkit-animation: mspin-revrot 5332ms infinite steps(4); animation: mspin-revrot 5332ms infinite steps(4); } .loading-spinner-large > div > div { -webkit-animation: mspin-singlecolor-large-film 1333ms infinite steps(81); animation: mspin-singlecolor-large-film 1333ms infinite steps(81); background-size: 100%; height: 48px; width: 3888px; } .mspin-black-large > div > div, .mspin-grey_54-large > div > div { background-image: url(../../indie/mspin_black_large.svg); } .mspin-white-large > div > div { background-image: url(../../indie/mspin_white_large.svg); } .mspin-grey_54-large { opacity: .54; } @-webkit-keyframes mspin-singlecolor-large-film { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-3888px); transform: translateX(-3888px); } } @keyframes mspin-singlecolor-large-film { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-3888px); transform: translateX(-3888px); } } @-webkit-keyframes mspin-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mspin-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes mspin-revrot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes mspin-revrot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } input::-ms-clear { display: none; } .blogger-logo, .svg-icon-24.blogger-logo { fill: #ff9800; opacity: 1.0; } .skip-navigation { background-color: #fff; box-sizing: border-box; color: #000; display: block; height: 0; left: 0; line-height: 50px; overflow: hidden; padding-top: 0; position: fixed; text-align: center; top: 0; -webkit-transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s; transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s; width: 100%; z-index: 900; } .skip-navigation:focus { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); height: 50px; } #main { outline: none; } .main-heading { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .widget.Attribution { margin-top: 1em; text-align: center; } .widget.Attribution .blogger img, .widget.Attribution .blogger svg { vertical-align: bottom; } .widget.Attribution .blogger img { margin-right: 0.5em; } .widget.Attribution div { line-height: 24px; margin-top: 0.5em; } .widget.Attribution .image-attribution, .widget.Attribution .copyright { font-size: 0.7em; margin-top: 1.5em; } .item-control { display: none; } .BLOG_mobile_video_class { display: none; } .bg-photo { background-attachment: scroll !important; } body .CSS_LIGHTBOX { z-index: 900; } .extendable .show-more, .extendable .show-less { border-color: #25a186; color: #25a186; margin-top: 8px; } .extendable .show-more.hidden, .extendable .show-less.hidden { display: none; } .inline-ad { display: none; max-width: 100%; overflow: hidden; } .adsbygoogle { display: block; } #cookieChoiceInfo { bottom: 0; top: auto; } iframe.b-hbp-video { border: 0; } .post-body img { max-width: 100%; } .post-body iframe { max-width: 100%; } .post-body a[imageanchor="1"] { display: inline-block; } .byline { margin-right: 1em; } .byline:last-child { margin-right: 0; } .paging-control-container { margin-bottom: 16px; } .paging-control-container .paging-control { display: inline-block; } .paging-control-container .paging-control, .paging-control-container .comment-range-text::after { color: #25a186; } .paging-control-container .paging-control, .paging-control-container .comment-range-text { margin-right: 8px; } .paging-control-container .paging-control::after, .paging-control-container .comment-range-text::after { content: '\00B7'; cursor: default; padding-left: 8px; pointer-events: none; } .paging-control-container .paging-control:last-child::after, .paging-control-container .comment-range-text:last-child::after { content: none; } .byline.reactions iframe { height: 20px; } .b-notification { color: #000; background-color: #fff; border-bottom: solid 1px #000; box-sizing: border-box; padding: 16px 32px; text-align: center; } .b-notification.visible { -webkit-transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .b-notification.invisible { position: absolute; } .b-notification-close { position: absolute; right: 8px; top: 8px; } .no-posts-message { line-height: 40px; text-align: center; } @media screen and (max-width: 968px) { body.item-view .post-body a[imageanchor="1"][style*="float: left;"], body.item-view .post-body a[imageanchor="1"][style*="float: right;"] { float: none !important; clear: none !important; } body.item-view .post-body a[imageanchor="1"] img { display: block; height: auto; margin: 0 auto; } body.item-view .post-body > .separator:first-child > a[imageanchor="1"]:first-child { margin-top: 20px; } .post-body a[imageanchor] { display: block; } body.item-view .post-body a[imageanchor="1"] { margin-left: 0 !important; margin-right: 0 !important; } body.item-view .post-body a[imageanchor="1"] + a[imageanchor="1"] { margin-top: 16px; } } #comments { border-top: 1px dashed rgba(0, 0, 0, 0.54); margin-top: 20px; padding: 20px; } #comments .comment-thread ol { margin: 0; padding-left: 0; } #comments .comment-thread ol { padding-left: 0; } #comments .comment-thread .comment-replies, #comments .comment .comment-replybox-single { margin-left: 60px; } #comments .comment-thread .thread-count { display: none; } #comments .comment { list-style-type: none; padding: 0 0 30px 0; position: relative; } #comments .comment .comment { padding-bottom: 8px; } .comment .avatar-image-container { position: absolute; } .comment .avatar-image-container img { border-radius: 50%; } .avatar-image-container svg, .comment .avatar-image-container .avatar-icon { border-radius: 50%; border: solid 1px #25a186; box-sizing: border-box; fill: #25a186; height: 35px; margin: 0; padding: 7px; width: 35px; } .comment .comment-block { margin-top: 10px; padding-bottom: 0; } .comment .comment-block { margin-left: 60px; } #comments .comment-author-header-wrapper { margin-left: 40px; } #comments .comment .thread-expanded .comment-block { padding-bottom: 20px; } #comments .comment .comment-header .user, #comments .comment .comment-header .user a { color: #292929; font-style: normal; font-weight: bold; } #comments .comment .comment-actions { background: transparent; border: 0; box-shadow: none; color: #25a186; cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; bottom: 0; margin-bottom: 15px; position: absolute; } #comments .comment .comment-actions > * { margin-right: 8px; } #comments .comment .comment-header .datetime { bottom: 0; color: rgba(0,0,0,0.54); display: inline-block; font-size: 13px; font-style: italic; } #comments .comment .comment-header .datetime { margin-left: 8px; } #comments .comment .comment-header .datetime a, #comments .comment .comment-footer .comment-timestamp a { color: rgba(0,0,0,0.54); } .comment .comment-body, #comments .comment .comment-content { margin-top: 12px; word-break: break-word; } .comment-body { margin-bottom: 12px; } #comments.embed[data-num-comments="0"] { border: none; margin-top: 0; padding-top: 0; } #comments.embed[data-num-comments="0"] #comment-post-message, #comments.embed[data-num-comments="0"] div.comment-form > p, #comments.embed[data-num-comments="0"] p.comment-footer { display: none; } #comment-editor-src { display: none; } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden; } .extendable .remaining-items { height: 0; overflow: hidden; -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .extendable .remaining-items.expanded { height: auto; } .svg-icon-24, .svg-icon-24-button { cursor: pointer; height: 24px; width: 24px; min-width: 24px; } .touch-icon { margin: -12px; padding: 12px; } .touch-icon:focus, .touch-icon:active { background-color: rgba(153, 153, 153, 0.4); border-radius: 50%; } svg:not(:root).touch-icon { overflow: visible; } html[dir=rtl] .rtl-reversible-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .touch-icon-button, .svg-icon-24-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; } .touch-icon-button .touch-icon:focus, .touch-icon-button .touch-icon:active { background-color: transparent; } .touch-icon-button:focus .touch-icon, .touch-icon-button:active .touch-icon { background-color: rgba(153, 153, 153, 0.4); border-radius: 50%; } .Profile .default-avatar-wrapper .avatar-icon { border-radius: 50%; border: solid 1px #000000; box-sizing: border-box; fill: #000000; margin: 0; } .Profile .individual .default-avatar-wrapper .avatar-icon { padding: 25px; } .Profile .individual .profile-img, .Profile .individual .avatar-icon { height: 120px; width: 120px; } .Profile .team .default-avatar-wrapper .avatar-icon { padding: 8px; } .Profile .team .profile-img, .Profile .team .avatar-icon, .Profile .team .default-avatar-wrapper { height: 40px; width: 40px; } .snippet-container { margin: 0; position: relative; overflow: hidden; } .snippet-fade { bottom: 0; box-sizing: border-box; position: absolute; width: 96px; } .snippet-fade { right: 0; } .snippet-fade:after { content: '\2026'; } .snippet-fade:after { float: right; } .post-bottom { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-footer { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .post-footer > * { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .post-footer .byline:last-child { margin-right: 1em; } .jump-link { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .centered-top-container.sticky { left: 0; position: fixed; right: 0; top: 0; width: auto; z-index: 8; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .centered-top-placeholder { display: none; } .collapsed-header .centered-top-placeholder { display: block; } .centered-top-container .Header .replaced h1, .centered-top-placeholder .Header .replaced h1 { display: none; } .centered-top-container.sticky .Header .replaced h1 { display: block; } .centered-top-container.sticky .Header .header-widget { background: none; } .centered-top-container.sticky .Header .header-image-wrapper { display: none; } .centered-top-container img, .centered-top-placeholder img { max-width: 100%; } .collapsible { -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .collapsible, .collapsible > summary { display: block; overflow: hidden; } .collapsible > :not(summary) { display: none; } .collapsible[open] > :not(summary) { display: block; } .collapsible:focus, .collapsible > summary:focus { outline: none; } .collapsible > summary { cursor: pointer; display: block; padding: 0; } .collapsible:focus > summary, .collapsible > summary:focus { background-color: transparent; } .collapsible > summary::-webkit-details-marker { display: none; } .collapsible-title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .collapsible-title .title { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up { display: block; } .collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down { display: none; } .overflowable-container { max-height: 48px; overflow: hidden; position: relative; } .overflow-button { cursor: pointer; } #overflowable-dim-overlay { background: transparent; } .overflow-popup { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; left: 0; max-width: calc(100% - 32px); position: absolute; top: 0; visibility: hidden; z-index: 101; } .overflow-popup ul { list-style: none; } .overflow-popup li, .overflow-popup .tabs li { display: block; height: auto; } .overflow-popup .tabs li { padding-left: 0; padding-right: 0; } .overflow-button.hidden, .overflow-popup li.hidden, .overflow-popup .tabs li.hidden { display: none; } .ripple { position: relative; } .ripple > * { z-index: 1; } .splash-wrapper { bottom: 0; left: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 0; } .splash { background: #cccccc; border-radius: 100%; display: block; opacity: 0.6; position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .splash.animate { -webkit-animation: ripple-effect 0.4s linear; animation: ripple-effect 0.4s linear; } @-webkit-keyframes ripple-effect { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @keyframes ripple-effect { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } .search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 24px; width: 24px; } .search.focused { width: 100%; } .search.focused .section { width: 100%; } .search form { z-index: 101; } .search h3 { display: none; } .search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; border-bottom: solid 1px transparent; padding-bottom: 8px; } .search form > * { display: none; } .search.focused form > * { display: block; } .search .search-input label { display: none; } .centered-top-placeholder.cloned .search form { z-index: 30; } .search.focused form { border-color: #292929; position: relative; width: auto; } .collapsed-header .centered-top-container .search.focused form { border-bottom-color: transparent; } .search-expand { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .search-expand-text { display: none; } .search-close { display: inline; vertical-align: middle; } .search-input { -webkit-box-flex: 1; -webkit-flex: 1 0 1px; -ms-flex: 1 0 1px; flex: 1 0 1px; } .search-input input { background: none; border: 0; box-sizing: border-box; color: #292929; display: inline-block; outline: none; width: calc(100% - 48px); } .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 #292929; } .collapsed-header .centered-top-container .search-action, .collapsed-header .centered-top-container .search-input input { color: #292929; } .collapsed-header .centered-top-container .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 #292929; } .search-input input.no-cursor:focus, .collapsed-header .centered-top-container .search-input input.no-cursor:focus { outline: none; } .search-focused > * { visibility: hidden; } .search-focused .search, .search-focused .search-icon { visibility: visible; } .search.focused .search-action { display: block; } .search.focused .search-action:disabled { opacity: .3; } .sidebar-container { background-color: #f7f7f7; max-width: 320px; overflow-y: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 320px; z-index: 101; -webkit-overflow-scrolling: touch; } .sidebar-container .navigation { line-height: 0; padding: 16px; } .sidebar-container .sidebar-back { cursor: pointer; } .sidebar-container .widget { background: none; margin: 0 16px; padding: 16px 0; } .sidebar-container .widget .title { color: #000000; margin: 0; } .sidebar-container .widget ul { list-style: none; margin: 0; padding: 0; } .sidebar-container .widget ul ul { margin-left: 1em; } .sidebar-container .widget li { font-size: 16px; line-height: normal; } .sidebar-container .widget + .widget { border-top: 1px dashed #000000; } .BlogArchive li { margin: 16px 0; } .BlogArchive li:last-child { margin-bottom: 0; } .Label li a { display: inline-block; } .Label .label-count, .BlogArchive .post-count { float: right; margin-left: .25em; } .Label .label-count::before, .BlogArchive .post-count::before { content: '('; } .Label .label-count::after, .BlogArchive .post-count::after { content: ')'; } .widget.Translate .skiptranslate > div { display: block !important; } .widget.Profile .profile-link { background-image: none !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget.Profile .team-member .profile-img, .widget.Profile .team-member .default-avatar-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 1em; } .widget.Profile .individual .profile-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget.Profile .team .profile-link .profile-name { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dim-overlay { background-color: rgba(0, 0, 0, 0.54); z-index: 100; } body.sidebar-visible { overflow-y: hidden; } @media screen and (max-width: 1619px) { .sidebar-container { bottom: 0; position: fixed; top: 0; left: auto; right: 0; } .sidebar-container.sidebar-invisible { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -webkit-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } } .dialog { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background: #ffffff; box-sizing: border-box; padding: 30px; position: fixed; text-align: center; width: calc(100% - 24px); z-index: 101; } .dialog input[type=text], .dialog input[type=email] { background-color: transparent; border: 0; border-bottom: solid 1px rgba(41,41,41,0.12); color: #292929; display: block; font-family: Lora, serif; font-size: 16px; line-height: 24px; margin: auto; padding-bottom: 7px; outline: none; text-align: center; width: 100%; } .dialog input[type=text]::-webkit-input-placeholder, .dialog input[type=email]::-webkit-input-placeholder { color: #292929; } .dialog input[type=text]::-moz-placeholder, .dialog input[type=email]::-moz-placeholder { color: #292929; } .dialog input[type=text]:-ms-input-placeholder, .dialog input[type=email]:-ms-input-placeholder { color: #292929; } .dialog input[type=text]::placeholder, .dialog input[type=email]::placeholder { color: #292929; } .dialog input[type=text]:focus, .dialog input[type=email]:focus { border-bottom: solid 2px #25a186; padding-bottom: 6px; } .dialog input.no-cursor { color: transparent; text-shadow: 0 0 0 #292929; } .dialog input.no-cursor:focus { outline: none; } .dialog input.no-cursor:focus { outline: none; } .dialog input[type=submit] { font-family: Lora, serif; } .subscribe-popup { max-width: 364px; } .subscribe-popup h3 { color: #ffffff; font-size: 1.8em; margin-top: 0; } .subscribe-popup .FollowByEmail h3 { display: none; } .subscribe-popup .FollowByEmail .follow-by-email-submit { background: transparent; border: 0; box-shadow: none; color: #25a186; cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; color: #25a186; display: inline-block; margin: 0 auto; margin-top: 24px; width: auto; white-space: normal; } .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled { cursor: default; opacity: .3; } @media (max-width: 800px) { .blog-name div.widget.Subscribe { margin-bottom: 16px; } body.item-view .blog-name div.widget.Subscribe { margin: 8px auto 16px auto; width: 100%; } } body#layout .bg-photo-overlay, body#layout .bg-photo { display: none; } body#layout .page_body { padding: 0; position: relative; top: 0; } body#layout .page { display: inline-block; left: inherit; position: relative; vertical-align: top; width: 540px; } body#layout .centered { max-width: 954px; } body#layout .navigation { display: none; } body#layout .sidebar-container { display: inline-block; width: 40%; } body#layout .hamburger-menu, body#layout .search { display: none; } .widget.Sharing .sharing-button { display: none; } .widget.Sharing .sharing-buttons li { padding: 0; } .widget.Sharing .sharing-buttons li span { display: none; } .post-share-buttons { position: relative; } .share-buttons .svg-icon-24, .centered-bottom .share-buttons .svg-icon-24 { fill: #25a186; } .sharing-open.touch-icon-button:focus .touch-icon, .sharing-open.touch-icon-button:active .touch-icon { background-color: transparent; } .share-buttons { background-color: #ffffff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #25a186; list-style: none; margin: 0; padding: 8px 0; position: absolute; top: -11px; min-width: 200px; z-index: 101; } .share-buttons.hidden { display: none; } .sharing-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; cursor: pointer; } .share-buttons li { margin: 0; height: 48px; } .share-buttons li:last-child { margin-bottom: 0; } .share-buttons li .sharing-platform-button { box-sizing: border-box; cursor: pointer; display: block; height: 100%; margin-bottom: 0; padding: 0 16px; position: relative; width: 100%; } .share-buttons li .sharing-platform-button:focus, .share-buttons li .sharing-platform-button:hover { background-color: rgba(128, 128, 128, 0.1); outline: none; } .share-buttons li svg[class^="sharing-"], .share-buttons li svg[class*=" sharing-"] { position: absolute; top: 10px; } .share-buttons li span.sharing-platform-button, .share-buttons li span.sharing-platform-button { position: relative; top: 0; } .share-buttons li .platform-sharing-text { display: block; font-size: 16px; line-height: 48px; white-space: nowrap; } .share-buttons li .platform-sharing-text { margin-left: 56px; } .flat-button { cursor: pointer; display: inline-block; font-weight: bold; text-transform: uppercase; border-radius: 2px; padding: 8px; margin: -8px; } .flat-icon-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; margin: -12px; padding: 12px; cursor: pointer; box-sizing: content-box; display: inline-block; line-height: 0; } .flat-icon-button, .flat-icon-button .splash-wrapper { border-radius: 50%; } .flat-icon-button .splash.animate { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } h1, h2, h3, h4, h5, h6 { margin: 0; } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { margin: 1em 0; } a, .action-link { color: #25a186; cursor: pointer; text-decoration: none; } a:visited, .action-link:visited { color: #25a186; } a:hover, .action-link:hover { color: #25a186; } body { background-color: #ffffff; color: #292929; font: 400 20px Lora, serif; margin: 0 auto; } .unused { background: #ffffff none repeat scroll top left; } .dim-overlay { z-index: 100; } .all-container { min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body.sidebar-visible .all-container { overflow-y: scroll; } .page { max-width: 1280px; width: 100%; } .Blog { padding: 0; padding-left: 136px; } .main_content_container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 auto; max-width: 1600px; width: 100%; } .centered-top-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .centered-top, .centered-top-placeholder { box-sizing: border-box; width: 100%; } .centered-top { box-sizing: border-box; margin: 0 auto; max-width: 1280px; padding: 44px 136px 32px 136px; width: 100%; } .centered-top h3 { color: rgba(0,0,0,0.54); font: 600 14px Open Sans, sans-serif; } .centered { width: 100%; } .centered-top-firstline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .main_header_elements { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; overflow-x: hidden; width: 100%; } html[dir=rtl] .main_header_elements { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } body.search-view .centered-top.search-focused .blog-name { display: none; } .widget.Header img { max-width: 100%; } .blog-name { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .subscribe-section-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .search { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; line-height: 24px; } .search svg { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0; padding-top: 0; } .search, .search.focused { display: block; width: auto; } .search .section { opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .search-expand { background: transparent; border: 0; margin: 0; outline: none; padding: 0; display: block; } .search.focused .search-expand { visibility: hidden; } .hamburger-menu { float: right; height: 24px; } .subscribe-section-container, .search-expand { margin-left: 44px; } .hamburger-section { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 44px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } html[dir=rtl] .hamburger-section { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .search-expand-icon { display: none; } .search-expand-text { display: block; } .search-input { width: 100%; } .search-focused .hamburger-section { visibility: visible; } .centered-top-secondline .PageList ul { margin: 0; max-height: 288px; overflow-y: hidden; } .centered-top-secondline .PageList li { margin-right: 30px; } .centered-top-secondline .PageList li:first-child a { padding-left: 0; } .centered-top-secondline .PageList .overflow-popup ul { overflow-y: auto; } .centered-top-secondline .PageList .overflow-popup li { display: block; } .centered-top-secondline .PageList .overflow-popup li.hidden { display: none; } .overflowable-contents li { display: inline-block; height: 48px; } .sticky .blog-name { overflow: hidden; } .sticky .blog-name .widget.Header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sticky .blog-name .widget.Header p, .sticky .centered-top-secondline { display: none; } .centered-top-container, .centered-top-placeholder { background: #ffffff none repeat scroll top left; } .centered-top .svg-icon-24 { fill: #25a186; } .blog-name h1, .blog-name h1 a { color: #000000; font: 700 24px Open Sans, sans-serif; line-height: 24px; text-transform: uppercase; } .widget.Header .header-widget p { font: 400 14px Open Sans, sans-serif; font-style: italic; color: rgba(0,0,0,0.54); line-height: 1.6; max-width: 676px; } .centered-top .flat-button { color: #25a186; cursor: pointer; font: 600 14px Open Sans, sans-serif; line-height: 24px; text-transform: uppercase; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .subscribe-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; display: block; } html[dir=ltr] .search form { margin-right: 12px; } .search.focused .section { opacity: 1; margin-right: 36px; width: calc(100% - 36px); } .search input { border: 0; color: rgba(0,0,0,0.54); font: 600 16px Open Sans, sans-serif; line-height: 24px; outline: 0; width: 100%; } .search form { padding-bottom: 0; } .search input[type='submit'] { display: none; } .search input::-webkit-input-placeholder { text-transform: uppercase; } .search input::-moz-placeholder { text-transform: uppercase; } .search input:-ms-input-placeholder { text-transform: uppercase; } .search input::placeholder { text-transform: uppercase; } .search .dim-overlay, .centered-top-secondline .dim-overlay { background: transparent; } .centered-top-secondline .PageList li a, .centered-top-secondline .PageList .overflow-button a { color: #25a186; font: 600 14px Open Sans, sans-serif; line-height: 48px; padding: 12px; } .centered-top-secondline .PageList li.selected a { color: #25a186; } .centered-top-secondline .overflow-popup .PageList li a { color: #292929; } .PageList ul { padding: 0; } .sticky .search form { border: 0; } .sticky { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7); } .sticky .centered-top { padding-bottom: 0; padding-top: 0; } .sticky .search, .sticky .search-expand, .sticky .subscribe-button, .sticky .blog-name h1 { line-height: 40px; } .sticky .search-expand, .sticky .search.focused .search-submit, .sticky .hamburger-section { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; } .subscribe-popup h3 { color: rgba(0,0,0,0.84); font: 700 24px Open Sans, sans-serif; margin-bottom: 24px; } .subscribe-popup div.widget.FollowByEmail .follow-by-email-address { color: rgba(0,0,0,0.84); font: 400 14px Open Sans, sans-serif; } .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit { color: #25a186; font: 600 14px Open Sans, sans-serif; margin-top: 24px; } .post-content { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: 76px; max-width: 676px; width: 100%; } .post-filter-message { background-color: #25a186; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font: 600 16px Open Sans, sans-serif; margin: 40px 136px 48px 136px; padding: 10px; position: relative; } .post-filter-message > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .post-filter-message .search-query { font-style: italic; quotes: '\201c' '\201d' '\2018' '\2019'; } .post-filter-message .search-query::before { content: open-quote; } .post-filter-message .search-query::after { content: close-quote; } .post-filter-message div { display: inline-block; } .post-filter-message a { color: #ffffff; display: inline-block; text-transform: uppercase; } .post-filter-description { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 16px; } .post-title { margin-top: 0; } body.feed-view .post-outer-container { margin-top: 85px; } body.feed-view .post-outer-container:first-child, body.feed-view .feed-message + .post-outer-container { margin-top: 0; } .post-outer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .post-outer .snippet-thumbnail { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 256px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 136px; overflow: hidden; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: relative; width: 256px; } .post-outer .thumbnail-empty { background: transparent; } .post-outer .snippet-thumbnail-img { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .post-outer .snippet-thumbnail img { max-height: 100%; } .post-title-container { margin-bottom: 16px; } .post-bottom { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .post-share-buttons-bottom { float: left; } .footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: auto auto 0 auto; padding-bottom: 32px; width: auto; } .post-header-container { margin-bottom: 12px; } .post-header-container .post-share-buttons-top { float: right; } .post-header-container .post-header { float: left; } .byline { display: inline-block; margin-bottom: 8px; } .byline, .byline a, .flat-button { color: #25a186; font: 600 14px Open Sans, sans-serif; } .flat-button.ripple .splash { background-color: rgba(37,161,134,0.4); } .flat-button.ripple:hover { background-color: rgba(37,161,134,0.12); } .post-footer .byline { text-transform: uppercase; } .cmt_count_iframe_holder { float: left; margin-right: 24px !important; } .post-comment-link { line-height: 1; } .blog-pager { float: right; margin-right: 468px; margin-top: 48px; } .FeaturedPost { margin-bottom: 56px; } .FeaturedPost h3 { margin: 16px 136px 8px 136px; } .shown-ad { margin-bottom: 85px; margin-top: 85px; } .shown-ad .inline-ad { display: block; max-width: 676px; } body.feed-view .shown-ad:last-child { display: none; } .post-title, .post-title a { color: #25a186; font: 700 36px Open Sans, sans-serif; line-height: 1.33333; } .feed-message { color: rgba(0,0,0,0.54); font: 600 16px Open Sans, sans-serif; margin-bottom: 52px; } .post-header-container .byline, .post-header-container .byline a { color: rgba(0,0,0,0.54); font: 600 16px Open Sans, sans-serif; } .post-header-container .byline.post-author:not(:last-child)::after { content: '\00B7'; } .post-header-container .byline.post-author:not(:last-child) { margin-right: 0; } .post-snippet-container { font: 400 20px Lora, serif; } .sharing-button { text-transform: uppercase; word-break: normal; } .post-outer-container .svg-icon-24 { fill: #25a186; } .post-body { color: rgba(0,0,0,0.84); font: 400 20px Lora, serif; line-height: 2; margin-bottom: 24px; } .blog-pager .blog-pager-older-link { color: #25a186; float: right; font: 600 14px Open Sans, sans-serif; text-transform: uppercase; } .no-posts-message { margin: 32px; } body.item-view .Blog .post-title-container { background-color: #25a186; box-sizing: border-box; margin-bottom: 0; padding-bottom: 86px; padding-right: 290px; padding-left: 140px; padding-top: 124px; width: 100%; } body.item-view .Blog .post-title, body.item-view .Blog .post-title a { color: #ffffff; font: 600 48px Open Sans, sans-serif; line-height: 1.41667; margin-bottom: 0; } body.item-view .Blog { margin: 0; margin-bottom: 85px; padding: 0; } body.item-view .Blog .post-content { margin-right: 0; max-width: none; } body.item-view .comments, body.item-view .widget.Blog .post-bottom, body.item-view .shown-ad { margin-bottom: 0; margin-right: 400px; margin-left: 140px; margin-top: 0; } body.item-view .widget.Header header p { max-width: 740px; } body.item-view .shown-ad { margin-bottom: 24px; margin-top: 24px; } body.item-view .Blog .post-header-container { padding-left: 140px; } body.item-view .Blog .post-header-container .post-author-profile-pic-container { background-color: #25a186; float: left; height: 84px; margin-right: 24px; margin-left: -140px; padding-left: 140px; } body.item-view .Blog .post-author-profile-pic { max-height: 100%; } body.item-view .Blog .post-header { float: left; height: 84px; } body.item-view .Blog .post-header > * { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body.item-view .post-body { color: #292929; font: 400 20px Lora, serif; line-height: 2; } body.item-view .Blog .post-body-container { padding-right: 290px; position: relative; margin-left: 140px; margin-top: 20px; margin-bottom: 32px; } body.item-view .Blog .post-body { margin-bottom: 0; margin-right: 110px; } body.item-view .Blog .post-body::first-letter { float: left; font-size: 80px; font-weight: 600; line-height: 1; margin-right: 16px; } body.item-view .Blog .post-body div[style*='text-align: center']::first-letter { float: none; font-size: inherit; font-weight: inherit; line-height: inherit; margin-right: 0; } body.item-view .Blog .post-body::first-line { color: #25a186; } body.item-view .Blog .post-body-container .post-sidebar { right: 0; position: absolute; top: 0; width: 290px; } body.item-view .Blog .post-body-container .post-sidebar .sharing-button { display: inline-block; } .widget.Attribution { clear: both; font: 600 14px Open Sans, sans-serif; padding-top: 2em; } .widget.Attribution .blogger { margin: 12px; } .widget.Attribution svg { fill: rgba(0,0,0,0.54); } body.item-view .PopularPosts { margin-left: 140px; } body.item-view .PopularPosts .widget-content > ul { padding-left: 0; } body.item-view .PopularPosts .widget-content > ul > li { display: block; } body.item-view .PopularPosts .post-content { margin-right: 76px; max-width: 664px; } body.item-view .PopularPosts .post:not(:last-child) { margin-bottom: 85px; } body.item-view .post-body-container img { height: auto; max-width: 100%; } body.item-view .PopularPosts > .title { color: rgba(0,0,0,0.54); font: 600 16px Open Sans, sans-serif; margin-bottom: 36px; } body.item-view .post-sidebar .post-labels-sidebar { margin-top: 48px; min-width: 150px; } body.item-view .post-sidebar .post-labels-sidebar h3 { color: #292929; font: 600 14px Open Sans, sans-serif; margin-bottom: 16px; } body.item-view .post-sidebar .post-labels-sidebar a { color: #25a186; display: block; font: 400 14px Open Sans, sans-serif; font-style: italic; margin-bottom: 16px; } body.item-view blockquote { font: italic 600 44px Open Sans, sans-serif; font-style: italic; quotes: '\201c' '\201d' '\2018' '\2019'; } body.item-view blockquote::before { content: open-quote; } body.item-view blockquote::after { content: close-quote; } body.item-view .post-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: none; } body.item-view .widget.Blog .post-share-buttons-bottom { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 40px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } body.item-view .widget.Blog .post-footer { line-height: 1; } .widget.Blog body.item-view .post-bottom { margin-right: 0; margin-bottom: 80px; } body.item-view .post-footer .post-labels .byline-label { color: #292929; font: 600 14px Open Sans, sans-serif; } body.item-view .post-footer .post-labels a { color: #25a186; font: 400 14px Open Sans, sans-serif; } body.item-view .post-footer .post-labels a:not(:last-child)::after { content: ', '; } body.item-view #comments { border-top: 0; padding: 0; } body.item-view #comments h3.title { color: rgba(0,0,0,0.54); font: 600 16px Open Sans, sans-serif; margin-bottom: 48px; } body.item-view #comments .comment-form h4 { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .heroPost { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .widget.Blog .heroPost { margin-left: -136px; } .heroPost .big-post-title .post-snippet { color: #ffffff; } .heroPost.noimage .post-snippet { color: #000000; } .heroPost .big-post-image-top { display: none; background-size: cover; background-position: center; } .heroPost .big-post-title { background-color: #25a186; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 888px; min-width: 0; padding-bottom: 84px; padding-right: 76px; padding-left: 136px; padding-top: 76px; } .heroPost.noimage .big-post-title { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 480px; width: 480px; } .heroPost .big-post-title h3 { margin: 0 0 24px; } .heroPost .big-post-title h3 a { color: #ffffff; } .heroPost .big-post-title .post-body { color: #ffffff; } .heroPost .big-post-title .item-byline { color: #ffffff; margin-bottom: 24px; } .heroPost .big-post-title .item-byline .post-timestamp { display: block; } .heroPost .big-post-title .item-byline a { color: #ffffff; } .heroPost .byline, .heroPost .byline a, .heroPost .flat-button { color: #ffffff; } .heroPost .flat-button.ripple .splash { background-color: rgba(255,255,255,0.4); } .heroPost .flat-button.ripple:hover { background-color: rgba(255,255,255,0.12); } .heroPost .big-post-image { background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 392px; } .heroPost .big-post-text { background-color: #e5f0ee; box-sizing: border-box; color: #000000; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding: 48px; } .heroPost .big-post-text .post-snippet-fade { color: #000000; background: -webkit-linear-gradient(right, #e5f0ee, rgba(229, 240, 238, 0)); background: linear-gradient(to left, #e5f0ee, rgba(229, 240, 238, 0)); } .heroPost .big-post-text .byline, .heroPost .big-post-text .byline a, .heroPost .big-post-text .jump-link, .heroPost .big-post-text .sharing-button { color: #25a186; } .heroPost .big-post-text .snippet-item::first-letter { color: #25a186; float: left; font-weight: bold; margin-right: 12px; } .sidebar-container { background-color: #ffffff; } body.sidebar-visible .sidebar-container { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7); } .sidebar-container .svg-icon-24 { fill: #000000; } .sidebar-container .navigation .sidebar-back { float: right; } .sidebar-container .widget { padding-right: 16px; margin-right: 0; margin-left: 38px; } .sidebar-container .widget + .widget { border-top: solid 1px #bdbdbd; } .sidebar-container .widget .title { font: 400 16px Open Sans, sans-serif; } .collapsible { width: 100%; } .widget.Profile { border-top: 0; margin: 0; margin-left: 38px; margin-top: 24px; padding-right: 0; } body.sidebar-visible .widget.Profile { margin-left: 0; } .widget.Profile h2 { display: none; } .widget.Profile h3.title { color: #000000; margin: 16px 32px; } .widget.Profile .individual { text-align: center; } .widget.Profile .individual .default-avatar-wrapper .avatar-icon { margin: auto; } .widget.Profile .team { margin-bottom: 32px; margin-left: 32px; margin-right: 32px; } .widget.Profile ul { list-style: none; padding: 0; } .widget.Profile li { margin: 10px 0; text-align: left; } .widget.Profile .profile-img { border-radius: 50%; float: none; } .widget.Profile .profile-info { margin-bottom: 12px; } .profile-snippet-fade { background: -webkit-linear-gradient(right, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); height: 1.7em; position: absolute; right: 16px; top: 11.7em; width: 96px; } .profile-snippet-fade::after { content: '\2026'; float: right; } .widget.Profile .profile-location { color: #000000; font-size: 16px; margin: 0; opacity: .74; } .widget.Profile .team-member .profile-link::after { clear: both; content: ''; display: table; } .widget.Profile .team-member .profile-name { word-break: break-word; } .widget.Profile .profile-datablock .profile-link { color: #000000; font: 600 16px Open Sans, sans-serif; font-size: 24px; text-transform: none; word-break: break-word; } .widget.Profile .profile-datablock .profile-link + div { margin-top: 16px !important; } .widget.Profile .profile-link { background: transparent; border: 0; box-shadow: none; color: #25a186; cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; font: 600 16px Open Sans, sans-serif; font-size: 14px; } .widget.Profile .profile-textblock { color: #000000; font-size: 14px; line-height: 24px; margin: 0 18px; opacity: .74; overflow: hidden; position: relative; word-break: break-word; } .widget.Label .list-label-widget-content li a { width: 100%; word-wrap: break-word; } .extendable .show-more, .extendable .show-less { font: 600 16px Open Sans, sans-serif; font-size: 14px; margin: 0 -8px; } .widget.BlogArchive .post-count { color: #292929; } .Label li { margin: 16px 0; } .Label li:last-child { margin-bottom: 0; } .post-snippet.snippet-container { max-height: 160px; } .post-snippet .snippet-item { line-height: 40px; } .post-snippet .snippet-fade { background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); color: #292929; height: 40px; } .hero-post-snippet.snippet-container { max-height: 160px; } .hero-post-snippet .snippet-item { line-height: 40px; } .hero-post-snippet .snippet-fade { background: -webkit-linear-gradient(left, #25a186 0%, #25a186 20%, rgba(37, 161, 134, 0) 100%); background: linear-gradient(to left, #25a186 0%, #25a186 20%, rgba(37, 161, 134, 0) 100%); color: #ffffff; height: 40px; } .hero-post-snippet a { color: #173752; } .hero-post-noimage-snippet.snippet-container { max-height: 320px; } .hero-post-noimage-snippet .snippet-item { line-height: 40px; } .hero-post-noimage-snippet .snippet-fade { background: -webkit-linear-gradient(left, #e5f0ee 0%, #e5f0ee 20%, rgba(229, 240, 238, 0) 100%); background: linear-gradient(to left, #e5f0ee 0%, #e5f0ee 20%, rgba(229, 240, 238, 0) 100%); color: #000000; height: 40px; } .popular-posts-snippet.snippet-container { max-height: 160px; } .popular-posts-snippet .snippet-item { line-height: 40px; } .popular-posts-snippet .snippet-fade { background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); color: #292929; height: 40px; } .profile-snippet.snippet-container { max-height: 192px; } .profile-snippet .snippet-item { line-height: 24px; } .profile-snippet .snippet-fade { background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); color: #000000; height: 24px; } .hero-post-noimage-snippet .snippet-item::first-letter { font-size: 80px; line-height: 80px; } #comments div, #comments cite, #comments a { font-size: 16px; line-height: 1.4; } #comments .comment .comment-header .user, #comments .comment .comment-header .user a { color: #292929; font: 600 14px Open Sans, sans-serif; } #comments .comment .comment-header .datetime a { color: rgba(0,0,0,0.54); font: 600 14px Open Sans, sans-serif; } #comments .comment .comment-header .datetime a::before { content: '\00B7 '; } #comments .comment .comment-content { margin-top: 6px; } #comments .comment .comment-actions { color: #25a186; font: 600 14px Open Sans, sans-serif; } #comments .continue { display: none; } #comments .comment-footer { margin-top: 8px; } .cmt_iframe_holder { margin-left: 140px !important; } body.variant-rockpool_deep_orange .centered-top-secondline .PageList .overflow-popup li a { color: #000; } body.variant-rockpool_pink .blog-name h1, body.variant-rockpool_pink .blog-name h1 a { text-transform: none; } body.variant-rockpool_deep_orange .post-filter-message { background-color: #ffffff; } @media screen and (max-width: 1619px) { .page { float: none; margin: 0 auto; max-width: none !important; } .page_body { max-width: 1280px; margin: 0 auto; } } @media screen and (max-width: 1280px) { .heroPost .big-post-image { display: table-cell; left: auto; position: static; top: auto; } .heroPost .big-post-title { display: table-cell; } } @media screen and (max-width: 1168px) { .centered-top-container, .centered-top-placeholder { padding: 24px 24px 32px 24px; } .sticky { padding: 0 24px; } .subscribe-section-container { margin-left: 48px; } .hamburger-section { margin-left: 48px; } .big-post-title-inner, .big-post-text-inner { margin: 0 auto; max-width: 920px; } .centered-top { padding: 0; max-width: 920px; } .Blog { padding: 0; } body.item-view .Blog { padding: 0 24px; margin: 0 auto; max-width: 920px; } .post-filter-description { margin-right: 36px; } .post-outer { display: block; } .post-content { max-width: none; margin: 0; } .post-outer .snippet-thumbnail { width: 920px; height: 613.33333px; margin-bottom: 16px; } .post-outer .snippet-thumbnail.thumbnail-empty { display: none; } .shown-ad .inline-ad { max-width: 100%; } body.item-view .Blog { padding: 0; max-width: none; } .post-filter-message { margin: 24px calc((100% - 920px) / 2); max-width: none; } body.feed-view .blog-posts, body.feed-view .feed-message, .FeaturedPost h3 { margin-left: calc((100% - 920px) / 2); margin-right: calc((100% - 920px) / 2); } body.item-view .Blog .post-title-container { padding: 62px calc((100% - 920px) / 2) 24px; } body.item-view .Blog .post-header-container { padding-left: calc((100% - 920px) / 2); } body.item-view .Blog .post-body-container, body.item-view .comments, body.item-view .post-outer-container > .shown-ad, body.item-view .widget.Blog .post-bottom { margin: 32px calc((100% - 920px) / 2); padding: 0; } body.item-view .cmt_iframe_holder { margin: 32px 24px !important; } .blog-pager { margin-left: calc((100% - 920px) / 2); margin-right: calc((100% - 920px) / 2); } body.item-view .post-bottom { margin: 0 auto; max-width: 968px; } body.item-view .PopularPosts .post-content { max-width: 100%; margin-right: 0; } body.item-view .Blog .post-body { margin-right: 0; } body.item-view .Blog .post-sidebar { display: none; } body.item-view .widget.Blog .post-share-buttons-bottom { margin-left: 24px; margin-right: 24px; } body.item-view .PopularPosts { margin: 0 auto; max-width: 920px; } body.item-view .comment-thread-title { margin-left: calc((100% - 920px) / 2); } .heroPost { display: block; } .heroPost .big-post-title { display: block; max-width: none; padding: 24px; } .heroPost .big-post-image { display: none; } .heroPost .big-post-image-top { display: block; height: 613.33333px; margin: 0 auto; max-width: 920px; } .heroPost .big-post-image-top-container { background-color: #25a186; } .heroPost.noimage .big-post-title { max-width: none; width: 100%; } .heroPost.noimage .big-post-text { position: static; width: 100%; } .heroPost .big-post-text { padding: 24px; } } @media screen and (max-width: 968px) { body { font-size: 14px; } .post-header-container .byline, .post-header-container .byline a { font-size: 14px; } .post-title, .post-title a { font-size: 24px; } .post-outer .snippet-thumbnail { width: 100%; height: calc((100vw - 48px) * 2 / 3); } body.item-view .Blog .post-title-container { padding: 62px 24px 24px 24px; } body.item-view .Blog .post-header-container { padding-left: 24px; } body.item-view .Blog .post-body-container, body.item-view .PopularPosts, body.item-view .comments, body.item-view .widget.Blog .post-bottom, body.item-view .post-outer-container > .shown-ad { margin: 32px 24px; padding: 0; } body.feed-view .blog-posts, body.feed-view .feed-message, .FeaturedPost h3 { margin-left: 24px; margin-right: 24px; } .post-filter-message { margin: 24px 24px 48px 24px; } body.item-view blockquote { font-size: 18px; } body.item-view .Blog .post-title { font-size: 24px; } body.item-view .Blog .post-body { font-size: 14px; } body.item-view .Blog .post-body::first-letter { font-size: 56px; line-height: 56px; } .main_header_elements { position: relative; display: block; } .search.focused .section { margin-right: 0; width: 100%; } html[dir=ltr] .search form { margin-right: 0; } .hamburger-section { margin-left: 24px; } .search-expand-icon { display: block; float: left; height: 24px; margin-top: -12px; } .search-expand-text { display: none; } .subscribe-section-container { margin-top: 12px; } .subscribe-section-container { float: left; margin-left: 0; } .search-expand { position: absolute; right: 0; top: 0; } html[dir=ltr] .search-expand { margin-left: 24px; } .centered-top.search-focused .subscribe-section-container { opacity: 0; } .blog-name { float: none; } .blog-name { margin-right: 36px; } .centered-top-secondline .PageList li { margin-right: 24px; } .centered-top.search-focused .subscribe-section-container, .centered-top.search-focused .subscribe-button { opacity: 1; } body.item-view .comment-thread-title { margin-left: 24px; } .blog-pager { margin-left: 24px; margin-right: 24px; } .heroPost .big-post-image-top { width: 100%; height: calc(100vw * 2 / 3); } .post-snippet.snippet-container, .popular-posts-snippet.snippet-container { font-size: 14px; max-height: 112px; } .post-snippet .snippet-item, .popular-posts-snippet .snippet-item { line-height: 2; } .post-snippet .snippet-fade, .popular-posts-snippet .snippet-fade { height: 28px; } .hero-post-snippet.snippet-container { font-size: 14px; max-height: 112px; } .hero-post-snippet .snippet-item { line-height: 2; } .hero-post-snippet .snippet-fade { height: 28px; } .hero-post-noimage-snippet.snippet-container { font-size: 14px; line-height: 2; max-height: 224px; } .hero-post-noimage-snippet .snippet-item { line-height: 2; } .hero-post-noimage-snippet .snippet-fade { height: 28px; } .hero-post-noimage-snippet .snippet-item::first-letter { font-size: 56px; line-height: normal; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'] { margin-left: -24px !important; margin-right: -24px !important; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'], body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] { margin-left: 0 !important; margin-right: 0 !important; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'] img, body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] img { max-width: 100%; } } @media screen and (min-width: 1620px) { .page { float: left; } .centered-top { max-width: 1600px; padding: 44px 456px 32px 136px; } .sidebar-container { box-shadow: none; float: right; max-width: 320px; z-index: 32; } .sidebar-container .navigation { display: none; } .hamburger-section, .sticky .hamburger-section { display: none; } .search.focused .section { margin-right: 0; width: 100%; } #footer { padding-right: 320px; } } --> Skip to main content

Posts

Showing posts with the label chips

Best of the web