/*! 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 Andriod
Zenga Media has launched Sunny Leone’s official mobile app, the most searched celebrity for the last 3 years in a row. First of its kind bridging celebrity and fans, this app offers opportunityto her fans to stay in touch with her through live interactions apart from new videos, images and wallpaper on Sunny Leone. Fans will be able to use this app to stay socially connected with Sunny through Facebook, Twitter and Fun2shoot.
"It is based on the fact that people are increasingly spending time away from their desktop devices and getting more engaged with handheld devices like smart phones and tablets that Zenga Media decided to look closely at helping celebrities reach out to their fan base via mobile apps." says Abhishek Joshi, CEO, ZengaTV. “We are very pleased and proud to be working with a talented celebrity like Sunny Leone to mark the start of this mission! Zenga’s comprehensive mobile marketing platform and unique app development solutions, provides a new channel for…
Google partnered with LG to develop Nexus 5 — the slimmest and fastest Nexus phone ever made. The Nexus 5 design is simple and refined to showcase the 5” Full HD display. Nexus 5 also keeps you connected at blazing speeds with 4G/LTE and ultra fast wifi. The advanced new lens on Nexus 5 captures more light for brighter night and sharper action shots. And with optical image stabilization, you no longer have to worry about shaky hands and blurry pictures. A new HDR+ mode automatically snaps a rapid burst of photos and combines them to give you the best possible single shot. Learn more on our site.
Microsoft has tried tooth and nail to sell its operating system-Windows 8. But it did not. The reason is perhaps not that difficult to gauge. However, it is better if the facts are placed in front. When Windows 8 did not sell after its launch in October 2012, it had to rethink why it didn't despite a number of good reviews. Experts and reviewers placed emphasis on the removed 'Start' button among other things of not-so-great sort. Immediately the company swung into action and worked on the update to address the issues unlike before.
In The Data Driver's view, the latest operating system is good but not something people will go for immediately. Let us not place too much emphasis on the Andriod and iOS impact. It is something else. It's a transition that Microsoft has to go through, given the changing user behaviour. Although much of the trend is towards tablets and small screen, it is difficult to say last word about a formfactor. Of course, Andriod and iOS have c…
The world is inching towards an era where tech devices would entirely different. The giants such as HP, Lenovo, Acer, Dell and others who ruled the PC world with their powerhouse laptops and desktops for years are faced with a challenge to stay alive in a world where their traditional tools are redundant. The PC would no longer be wanted. When they fought for market share earlier who could see the growth opportunities in the PC market. But now they are facing a stiff competition from Apple, Samsung and other handheld makers in the world who have eaten their market.